jquery倒计时检测单位何时更改

时间:2012-06-27 08:31:41

标签: javascript jquery countdown

我使用来自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秒被调用一次,但它似乎每秒都被调用,我做错了什么?

我已按照以下文档进行操作,

http://keith-wood.name/countdownRef.html#tickInterval

1 个答案:

答案 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: [...]