js中利用setInterval实现简单的倒计时

最新推荐文章于 2024-10-06 12:17:25 发布

bear06

最新推荐文章于 2024-10-06 12:17:25 发布

阅读量5.6k

点赞数 2

本文链接：https://blog.csdn.net/bear06/article/details/53199201

版权

本文展示如何在JavaScript中使用setInterval创建一个10秒倒计时，代码会在指定的div元素内显示倒计时过程。

摘要由CSDN通过智能技术生成

以下代码实现在<div id="div1"></div>中插入一个10秒倒计时

var num=10; //初始化计数器

document.getElementById("div1").innerHTML=num+"秒"; //在页面中显示10秒

var tim=setInterval(function (){ //定义匿名函数，

               num--;                                                                                       //函数每调用一次num减一
               document.getElementById("div1").innerHTML=num+"秒";       //在页面中显示减一后的秒数
               if(num==1){                                                                              //当num变为1的时候，通过 clearInterval()结束倒计时
                   clearInterval(tim);
               }
           },1000);                                                                                         //每隔一秒执行一次该匿名函数