<div class="item">10</div>
<div class="item">9</div>
<div class="item">8</div>
<!--
如何设置定时器,让这三个div;里面的内容同时进行倒计时
-->
1 回答
西兰花伟大炮
TA贡献376条经验 获得超318个赞
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>循环计时</title>
</head>
<body>
<div>10</div>
<div>9</div>
<div>8</div>
<script type="text/javascript">
var list = document.getElementsByTagName('div');
console.log(list);
setInterval(function(){
for(var i = 0;i < list.length;i++){
console.log(list[i].innerHTML);
if(list[i].innerHTML != 0){
list[i].innerHTML = parseInt(list[i].innerHTML) -1;
}else{
list[i].innerHTML = 0;
}
}
},1000)
</script>
</body>
</html>大概是这样的效果吧
添加回答
举报
0/150
提交
取消
