js简单倒计时

简介: 不想每次用倒计时,都现写代码,比较烦,这里记一下,也顺便分享一些倒计时简单的逻辑。如果你有更简单方便的代码,可以分享给大家。var method = { countdownObj: { timer:...

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

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

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 < 1) {
                clearInterval(that.countdownObj.timer);
            }
        }, 1000);
    }
};

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

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

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

原文地址:https://segmentfault.com/a/1190000017341822
相关文章
|
2月前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
4月前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
31 0
|
4月前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
|
4月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
5月前
|
JavaScript
JS倒计时
JS倒计时
|
6月前
|
JavaScript 前端开发
js实现长按录制视频按钮外部转圈倒计时10秒的效果
js实现长按录制视频按钮外部转圈倒计时10秒的效果
39 0
|
8月前
|
JavaScript
js倒计时效果demo示例
js倒计时效果demo示例
|
10月前
|
JavaScript
js实现获取验证短信倒计时功能
前言 今天和大家分享一个小功能,在我们进行需要获取手机验证码或其他方式的验证码进行登录时会有一个功能,就是当你点击发送验证码时会有一个倒计时,倒计时没有结束时按钮是禁用的状态,防止重复发送短信,下面我们来看一下这个功能使用JS该如何实现。