现在要实现一个页面中可以包含多个倒计时.
我找了个插件:https://github.com/Reflejo/jquery-countdown
可是当包含多个倒计时的时候,后面几个会发生翻转速度过快的问题。一秒中应该翻牌一次,可是有时候会翻两三次。
演示地址:http://cakephpchina.com/jquery-countdown/1.html
实例下载:http://cakephpchina.com/jquery-countdown.zip
技术有限,请大神指点
$(function(){
o1 = {
image: "img/digits.png",
format: "dd:hh:mm:ss",
endTime: new Date(2014, 12, 2)
}
$(".digits1").countdown(o1);
$("#change").click(function(event) {
// $("document").stop(true, true).finish();
$(".digits1").stop(true, true).finish().html('').remove();
o1 = null;
o2 = {
image: "img/digits.png",
format: "dd:hh:mm:ss",
endTime: new Date(2014, 12, 2)
};
$(".digits2").countdown(o2);
});
});
换了个更强大的倒计时插件 http://flipclockjs.com/ 支持单个网页包含多个倒计时