countdown22222

倒计时（解决运行时间长后时间不同步问题）

update

• format支持Function格式，返回时间对象，this指向对应倒计时DOM

注意

**注意!**各服务器时间不同,需动态获取项目所部署的服务器时间。

依赖jquery或zepto， 具体[查看demo](demo.html)

使用

html结构

<div class="countdown" data-startDate="11/8/2015 16:21:00" data-endDate="11/9/2015 18:50:10"></div>

js调用（依赖jquery或zepto）

$(".countdown").countdown({
    rootTime:timeStamp,
	// d:h:m:s（默认）、h:m:s、m:s
    timeFormat:"h:m:s",
    willbe:{
        //format:'<span>距离开始时间还有:</span><span>{day}</span> 天 <span>{hour}</span> 时 <span>{min}</span> 分 <span>{sec}</span> 秒',
		//or
		format:function(time){
			if(time.hour>5){
                        
            }else{
                
            }
            
            $(this).html('<span>距离开始时间还有:</span><span>'+time.day+'</span> 天 <span>'+time.hour+'</span> 时 <span>'+time.min+'</span> 分 <span>'+time.sec+'</span> 秒');
		},

        callback:function(){}
    },
    start:{
        format:'',
        callback:function(){}
    },
    end:{
        format:'',
        callback:function(){}
    }
})

参数设置

• rootTime {String||Number} 项目服务器的时间戳（ms）
• timeFormat {String} 时间格式,三种:d:hⓂ️s（默认）、hⓂ️s、m:s
• willbe{Object} 即将开始
• start {Object}开始
• end {Object} 结束
• format {String||Function} 显示格式
• callback {Function} 回调函数

获取服务器时间接口要求

• 注意，每台服务器时间不同，需换成项目所部署服务器的接口
• 支持callback形式，方便jsonp跨域请求
• 返回时间的毫秒数

参考:http://zzsvn.pcauto.com.cn/svn/other/doc/common/countdown/getTime.php?callback=fn

点击查看demo