博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript 倒计时
阅读量:5172 次
发布时间:2019-06-13

本文共 1549 字,大约阅读时间需要 5 分钟。

// 倒计时var fnTimeCountDown = function (time) {    var time = new Date(time).getTime() - new Date().getTime(), // 倒计时时间转变为毫秒数        days, hours, min, sec, temp;    if (time <= 0) {        return null;    }    days = Math.floor(time / (24*3600*1000));    temp = time % (24*3600*1000); // 不够天的转换成小时    hours = Math.floor(temp / (3600*1000));    temp = temp % (3600*1000);  // 剩余的分钟数    min = Math.floor(temp / (60*1000));    temp = temp % (60*1000);    sec = Math.floor(temp / (1000));    // 格式化:"05"    var zero = function (n) {        var n = parseInt(n, 10);        if (n > 0) {            if (n <= 9) {                n = "0" + n;            }            return n;        } else {            return "00";        }    };    return {        days: days,        hours: zero(hours),        min: zero(min),        sec: zero(sec)    };};var future = "2014/01/01 00:00",     countobj = null,    timer = null,    countdown = function (time, callback) {        // 倒计时数据对象:countobj        countobj = fnTimeCountDown(time);        callback && callback(countobj);        if (countobj) {            timer = setTimeout(function () {                countdown(time, callback);            }, 1000);        } else {            // 倒计时结束            clearTimeout(timer);        }    };setTimeout(function () {    countdown(future, function (obj) {            if (obj) {            // 倒计时应用            console.log(obj);        } else {            // 倒计时结束            console.log("countdown over!");        }    });}, 0);

 

转载于:https://www.cnblogs.com/xiankui/p/4087468.html

你可能感兴趣的文章
Java——Iterate through a HashMap
查看>>
Android Studio 工程的 .gitignore
查看>>
伪Textatea的构建(div+table),以及相应的滚动条问题与safari上的优化
查看>>
简单的一个月之设计实现内容2
查看>>
DataTables源码分析(一)
查看>>
javascript
查看>>
阿里巴巴Java规约插件试用
查看>>
Thunk 技术的一个改进
查看>>
ACE反应器(Reactor)模式(4)
查看>>
青蛙学Linux—Apache配置文件
查看>>
斯特林大数公式求阶乘位数
查看>>
[Python]装饰器总结
查看>>
1.1.零宽断言
查看>>
javascript中天气接口案例
查看>>
(转)Pycharm用鼠标滚轮控制字体大小
查看>>
4.字符串的扩展
查看>>
apt-get build-dep
查看>>
《结对-爬取大麦网演唱会信息-设计文档》
查看>>
《结对-爬取大麦网近期演唱会信息-开发过程》
查看>>
每个程序员都会的35个jQuery小技巧!
查看>>