0

我使用这个切换器插件在 2 个内容 div 中使用这个 jQuery 倒计时插件。除了倒计时不会在 div 内不断更新之外，这一切都运行得很好。您必须在它们之间来回切换才能获得更新的倒计时。

我认为这可能与此有关，但我不确定并且无法弄清楚如何使用倒计时插件来做到这一点。

这是JS：

$(function () {
$('#count-na').countdown( 
    {until: $.countdown.UTCDate(-4, 2013, 06-1, 9)});
});
$(function () {
$('#count-eu').countdown( 
    {until: $.countdown.UTCDate(-0, 2013, 06-1, 14)});
});
$(document).ready(function() {
jcps.fader(200, '#switcher-panel');
});

这是HTML：

<div id="content">
    <div id="switcher-panel"></div>
    <div id="na-content" class="switcher-content show">
        <div id="count-na"></div>
        <div class="subtext">until something happens</div>
    </div>
    <div id="eu-content" class="switcher-content">
        <div id="count-eu"></div>
        <div class="subtext">until something happens</div>
    </div>
    <a id="na" class="switcher">North America</a> - <a id="eu" class="switcher">Europe</a>
</div>

最后是 JSFiddle，如果不是很清楚：http: //jsfiddle.net/tCyBm/

谢谢

4

1 回答 1

0

你试过添加 onTick : watchCountdown 吗？是的。我刚刚为你查看了文档。首先我想指出，如果您使用的是 IE 并且没有运行最新版本的 API，那么这就是您的问题。其次，尝试将您的函数调用从匿名函数中取出，因为它可能会影响它与 countdown.js 的通信方式

onTick : watchCountdown 不应该是必要的，但是

     $('#count-eu').countdown(
       {until: $.countdown.UTCDate(-0, 2013, 06-1, 14), onTick: watchCountdown});

    function watchCountdown(periods) {  $('#monitor').text('Just ' + periods[5] +
       ' minutes and ' + periods[6] + ' seconds to go');}

每次倒计时更新自身时调用的回调函数。在函数中，this 指的是保存小部件的分区。当前倒计时周期的数组（int[7] - 基于格式设置）作为参数传递：[0] 是年，[1] 是月，[2] 是周，[3] 是天，[4 ] 是小时，[5] 是分钟，[6] 是秒。///我直接从文档中复制了该部分。

让我知道它是如何工作的，我正试图围绕这些部分建立我的街头信誉，所以我会弄清楚的。

于 2013-02-26T08:26:45.410 回答