为了账号安全,请及时绑定邮箱和手机立即绑定

javascript循环定时问题

javascript循环定时问题

__innocence 2017-10-18 16:37:03
<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>

大概是这样的效果吧

查看完整回答
反对 回复 2017-10-18
  • 1 回答
  • 0 关注
  • 1938 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信