js简单倒计时

wangym 发布于2019-08-23 14:00 / 1790人阅读

摘要：不想每次用倒计时，都现写代码，比较烦，这里记一下，也顺便分享一些倒计时简单的逻辑。函数里第一个数字是到时间长度，第二个回调函数，回传的就是当前时间。勘误修正了几个文字错误优化了几个变量

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

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

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 修正了几个文字错误；优化了几个变量

GPU云服务器云服务器简单的倒计时 js倒计时计算 js购物倒计时 js生成倒计时

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99913.html

js倒计时小插件－－CountDown.js

摘要：刚写的开源小插件，在这里宣传下地址欢迎吐槽一个用来实现简单页面倒计时的轻量级工具根据要计时的秒数打开一个显示剩余时间的倒计时参数放置倒计时的元素要计时的秒数用于给倒计时设置标记可以给多个倒计时设置同一个标记分割时分秒的分割符倒计时结束时执行刚写的开源小插件，在这里宣传下 ^_^ github地址：https://github.com/flypie2/Co... 欢迎吐槽 ^_^ Co...

mdluo 2019-08-22 10:34 评论0 收藏0
JS 异步的实现

摘要：由于引擎同一时间只执行一段代码这是由单线程的性质决定的，所以每个代码块阻塞了其它异步事件的进行。这意味着浏览器将等待着一个新的异步事件发生。异步的任务执行的顺序是不固定的，主要看返回的速度。我们经常说JS是单线程的，比如node.js研讨会上大家都说JS的特色之一是单线程的，这样使JS更简单明了，可是大家真的理解所谓JS的单线程机制吗？单线程时，基于事件的异步机制又该当如何，这些知识...

sihai 2019-08-22 11:14 评论0 收藏0
15.搜索功能的实现与页面倒计时跳转

摘要：我们的导航条有搜索输入框和按钮，现在我们来完善这部分功能。然后设计一个，其样式如下不仅在倒计时结束后跳转回首页，还增加了一个立即跳转的按钮通过实现，其代码如下提示提示信息未找到相关结果，秒后将自动跳转回首页。我们的导航条有搜索输入框和按钮，现在我们来完善这部分功能。首先搜索的逻辑，我们简单地设定为问题的title或者content包含搜索的关键字即可。假设搜索的关键字存在变量keyw...

DobbyKim 2019-07-30 15:29 评论0 收藏0
js天时分秒倒计时（转）

摘要：简单时分秒倒计时获取当前时间设置截止时间时间差定义变量保存倒计时的时间将倒计时赋值到中天时分秒递归每秒调用方法，显示动态时间效果 js简单时分秒倒计时 function countTime() { //获取当前时间 var date = new Date(); var now = date.getTime(); ...

Big_fat_cat 2019-08-21 17:29 评论0 收藏0
js笔记系列之--时间及时间戳

摘要：入门系列之时间及时间戳时间及时间戳时间及时间戳是里面很常见的一个概念，在我们写前端页面的时候，经常会遇到需要获取当前时间的情况，所以，了解中的时间概念非常重要。 js入门系列之时间及时间戳时间及时间戳时间及时间戳是js里面很常见的一个概念，在我们写前端页面的时候，经常会遇到需要获取当前时间的情况，所以，了解js中的时间概念非常重要。而时间戳是指格林威治时间1970年01月0...

wapeyang 2019-08-26 11:34 评论0 收藏0