倒计时限时特卖(原创)

PROMULGATOR

Find Yourself

广东省佛山市禅城区/高明区

← jquery伪分页效果静态页面实现分页(原创)

→ 多行文本溢出省略号击展开收缩(原创)

相关代码

倒计时限时特卖(原创)

限时特卖倒计时

假期倒计时(原创)

倒计时(原创)

SVG倒计时效果(原创)

中考高考倒计时（原创）

活动倒计时（原创）

Html

Css

Js


    倒计时(距离2029年5月19日23时)
    
         天
         时
         分
         秒

#day,#hours,#minutes,#seconds {
	color:#f00;
	font-weight:bold;
}

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
        }
    }
};
$(function() {
    var day = document.getElementById('day');
    var hours = document.getElementById('hours');
    var minutes = document.getElementById('minutes');
    var seconds = document.getElementById('seconds');
    // 日 时 分 秒的dom对象
    countDownTime.init('2029/5/19 23:59:59', day, hours, minutes, seconds);
    countDownTime.start();
});

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

倒计时限时特卖(原创)

代码描述：倒计时，限时特卖倒计时代码

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

取消回复

<!doctype html> <html> <head> <meta charset="utf-8"> <title>倒计时限时特卖(原创)-jq22.com</title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> </style> </head> <body> <script> </script> </body> </html>

2012-2021 jQuery插件库版权所有

jquery插件| jq22工具库| 网页技术| 广告合作| 在线反馈| 版权声明
沪ICP备13043785号-1 浙公网安备 33041102000314号