H5(Html)倒计时

倒计时

H5(Html)倒计时_第1张图片

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script type="text/javascript">
		
		        window.onload = function(){
		
		            var i = 10;
		
		var out=document.getElementById('out'); 
		 //得到id 为out  的值的对象
		
		            var timer = setInterval(function(){
		
		//setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
		
		                if(i== -1){
		
		                    clearInterval(timer);//clearInterval() 方法可取消由 setInterval() 设置的 timeout。
		
		document.write("时间到");
		
		 
		
		 
		                }else{
		
		                    //document.body.innerHTML = i
		;
		out.innerHTML=i+"秒";
		
		
		                    --i;
		
		                }
		
		            },1000);
		
		 
		        }
		
		    script>
	head>
	<body>
		<a id="out" style="font-size: 100px;align-items: center;">a>
	body>
html>

希望可以得到您一个免费的关注!!

你可能感兴趣的:(html,javascript,前端)