js计时器setInterval（）只执行一次

最新推荐文章于 2024-07-09 09:42:10 发布

seiEight

最新推荐文章于 2024-07-09 09:42:10 发布

阅读量2.5k

点赞数 2

分类专栏： tips 文章标签： js计时器 setInterval() setInterval()只执行一次

本文链接：https://blog.csdn.net/seiEight/article/details/90488177

版权

tips 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

今天做了一个倒计时的案例，代码如下:

function clock() {
                var nowTime = new Date();
                var endTime = new Date("2019/5/23 14:51:00");
                var now = nowTime.getTime();
                var end = endTime.getTime();
                var time = end - now;
                var seconds = time/1000;
                if (seconds > 0){
                    var hour = Math.floor(seconds/3600);
                    var minute = Math.floor(seconds%3600 / 60);
                    var second = Math.floor(seconds%60);
                    my$("box").innerText = bu(hour)+":"+bu(minute)+":"+bu(second);
                }else{
                    my$("box").innerText = "下课了！";
                    clearInterval(timeId);
                }
            }
            clock();
            var timeId = setInterval(clock(),1000);

这段代码输出的时候函数只执行了一次，计时器的效果没有，经过几次的检查发现是计时器中参数问题，var timeId = setInterval(clock(),1000) 中第一个参数此时添加的clock()的值是函数的返回值，因为clock()中没有返回值，所以才出问题，改为var timeId = setInterval(clock,1000) 就解决了