间戳之间倒计时

Html

Css

.jui-timer {
	font-size:0;
	text-align:center;
	width:100%;
	height:1.5rem;
}
.jui-timer span {
	display:inline-block;
	font-size:0.8rem;
	line-height:1.5rem;
}
.jui-timer span + span {
	margin-left:0.25rem;
}
.jui-timer span.number {
	color:#E74c3c;
	padding:0 0.25rem;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

;(function($) {
    $.fn.extend({
        //倒计时控件
        timer: function(options) {
            var defaults = {
                this_time: null,
                end_time: null,
                onTimeout: null
            };
            var opts = $.extend(defaults, options);
            return this.each(function() {
                var _this = this;

$(function() {
    $('#div_timer').timer({
        this_time: '1495847718',
        end_time: '1495848823',
        onTimeout: function() {
            //location.href='http://www.baidu.com';
        }
    });
});

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

立即下载

间戳之间倒计时



代码描述：2个时间戳之间倒计时

2个时间戳之间的倒计时，网上类似的也很多

2

最新

发表评论全部评论

暂时没有评论！

MyAnswer0

2018/2/24 9:15:46

学习一下咯
回复

知本家0

2018/1/31 11:07:40

day > 0 ? '' + day + '天' : '' 应该加（）
回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

知本家

相关代码

间戳之间倒计时

最新