我使用来自http://keith-wood.name/countdown.html的倒计时插件,我有倒计时功能显示,数月,周,日,分钟,直到某个日期。我想要做的是尝试添加rollodex效果,以便其中一个单位发生变化。
但是我很难检测其中一个单位是否发生变化,我需要这样做才能触发rolodex效果的动画。
以下是我的代码,
$('.clock').countdown({until:new Date(2012, 11, 31), format: 'odHM', onTick: everyMinute, tickInterval: 60, layout:
'<div id="timer">' +
'<div id="timer_labels">'+
'<div id="timer_months_label" class="timer_labels">Months</div>'+
'<div id="timer_weeks_label" class="timer_labels">Days</div>'+
'<div id="timer_days_label" class="timer_labels">Hours</div>'+
'<div id="timer_minutes_label" class="timer_labels">Minutes</div>'+
'</div>'+
'<div id="timer_months" class="timer_numbers"><span>{onn}</span></div>'+
'<div id="timer_days" class="timer_numbers"><span>{dnn}</span></div>'+
'<div id="timer_hours" class="timer_numbers"><span>{hnn}</span></div>'+
'<div id="timer_minutes" class="timer_numbers"><span>{mnn}</span></div>'+
'</div>'
});
目前在onTick回调中调用的everyMinute
函数看起来像这样,
function everyMinute() {
alert("changing")
}
我已将时间间隔设置为60,这意味着我的everyMinute函数每隔60秒被调用一次,但它似乎每秒都被调用,我做错了什么?
我已按照以下文档进行操作,
答案 0 :(得分:0)
不知道文档中是否有拼写错误,但它有以下语法合成:
onTick: updateEvery10Secs: tickInterval: 10});
你有:
$('.clock').countdown({until:new Date(2012, 11, 31), format: 'odHM', onTick: everyMinute, tickInterval: 60, layout: [...]
这意味着您应该将其更改为:
$('.clock').countdown({until:new Date(2012, 11, 31), format: 'odHM', onTick: everyMinute: tickInterval: 60, layout: [...]