js简单倒计时

最新推荐文章于 2023-03-30 14:02:59 发布

转载最新推荐文章于 2023-03-30 14:02:59 发布 · 149 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：https://yq.aliyun.com/articles/682518

本文分享了一种使用JavaScript实现的简易倒计时逻辑，通过一个可复用的函数，避免了每次使用倒计时都要重新编写代码的繁琐。该函数接受时间长度和回调函数作为参数，回调函数用于实时更新剩余时间。

不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。

如果你有更简单方便的代码，可以分享给大家。

var method = {
    countdownObj: {
        timer: null,
        changeTime: 0,
    },
    countdown: function(long, back) {
        var that = this;
        if (that.countdownObj.timer) {
            clearInterval(that.countdownObj.timer);
        }
        that.countdownObj.changeTime = long;
        back(that.countdownObj.changeTime);
        that.countdownObj.timer = setInterval(function() {
            that.countdownObj.changeTime--;
            back(that.countdownObj.changeTime);
            if (that.countdownObj.changeTime &lt; 1) {
                clearInterval(that.countdownObj.timer);
            }
        }, 1000);
    }
};

method.countdown(60,function(time){
    console.log(time);
});

函数里第一个数字是到时间长度，
第二个回调函数，回传的time就是当前时间。

勘误：
1018-12-12 修正了几个文字错误；优化了几个变量

原文地址：https://segmentfault.com/a/1190000017341822