首页 > Web开发 > 详细

JS 倒计时

时间:2019-05-30 16:16:12      阅读:108      评论:0      收藏:0      [点我收藏+]
var countDownTime = {
    init: function(a, b, c, d, e) {
        this.t = a, this.d = b, this.h = c, this.m = d, this.s = e
    },
    start: function() {
        var a = this;
        setInterval(a.timer, 1e3)
    },
    timer: function(a) {
        var b, c, d, e, f, g, h;
        a = this.countDownTime, b = new Date, c = new Date(a.t), d = c.getTime() - b.getTime(), e = Math.floor(a.formatTime(d, "day")), f = Math.floor(a.formatTime(d, "hours")), g = Math.floor(a.formatTime(d, "minutes")), h = Math.floor(a.formatTime(d, "seconds")), a.d && (a.d.innerText = a.formatNumber(e)), a.h && (a.h.innerText = a.formatNumber(f)), a.m && (a.m.innerText = a.formatNumber(g)), a.s && (a.s.innerText = a.formatNumber(h))
    },
    formatNumber: function(a) {
        if(a<=0){a=0}
        return a = a.toString(), a[1] ? a : "0" + a
    },
    formatTime: function(a, b) {
        switch (b) {
            case "day":
                return a / 1e3 / 60 / 60 / 24;
            case "hours":
                return a / 1e3 / 60 / 60 % 24;
            case "minutes":
                return a / 1e3 / 60 % 60;
            case "seconds":
                return a / 1e3 % 60
        }
    }
};
 
 
<script>
        var day = document.getElementById(‘day‘);
        var hours = document.getElementById(‘hours‘);
        var minutes = document.getElementById(‘minutes‘);
        var seconds = document.getElementById(‘seconds‘);
        // 日 时 分 秒的dom对象
        countDownTime.init(‘2030/8/23 20:00:00‘, day, hours, minutes, seconds);
        countDownTime.start();
    </script>

JS 倒计时

原文:https://www.cnblogs.com/noonka/p/10950031.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!