countdown22222
v1.0.3
Published
倒计时-countdown
Downloads
2
Readme
#倒计时(解决运行时间长后时间不同步问题) update
- format支持Function格式,返回时间对象,this指向对应倒计时DOM
注意
使用
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:m:s(默认)、h:m: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