H5(Html)倒计时

一晌小贪欢

于 2023-03-10 17:09:41 发布

阅读量500

点赞数

文章标签： html javascript 前端

本文链接：https://blog.csdn.net/weixin_42636075/article/details/129446978

版权

倒计时

在这里插入图片描述

<!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>