<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{margin:0px;padding:0px;}
#box{width:200px;height:50px;background:green;color:white;text-align:center;font:bold 30px/50px 黑体; margin:0px auto;}
</style>
</head>
<body>
<div id="box">10</div>
</body>
<script>
//找对象
var box = document.getElementById('box');
//初始化的值
var num = box.innerHTML;
//改属性
var timmer = setInterval(function(){
num--;
console.log(num);
//把 num 的值赋值给 div 元素的对象的文本值
box.innerHTML = num;
if(num == 0){
//清除定时器
clearInterval(timmer);
alert('倒计时结束');
}
},1000)
</script>
</html>
如果文章或资源对您有帮助,欢迎打赏作者。一路走来,感谢有您!
txttool.com 说一段 esp56物联 查询128 IP查询