自动重启/复位倒计时

Question

我要的是，当计时器达到结束日期和时间自动启动了，但是从60秒递减计数。进出口新的jQuery和IM这个问题strungling了将近3天，我不能让它运行。 我的倒计时从数据库中插入数据结束完美的工作，但是当它到达结束日期和时间（如：0 0天小时0分0秒），它应该从60秒到零进行倒计时开始。

有人可以帮助解决这个问题？这里使用下面我的代码即时通讯的和平。 使用它林用PHP组合，从而它也将创建用于倒计时的div。

JQUERY：

$data = '<script type="text/javascript">
$(function () {';
    foreach( $datarows as $key => $value ) { // start php foreach

    $data .= '
              $(\'#wincountdown'.$datarows[$key]['uid'].'\').countdown({ until: new Date( '. strftime( '%Y,%m - 1,%d,%H,%M',$datarows[$key]['end_bidding']).' ) }) ;
    ';
    } // end php foreach
$data .= '
});
</script>';

HTML

<div id="wincountdown<#nr#>">  </div> //build by db array

所以代码段以上工作正常。现在，它只是将自动重新启动时结束日期已经达到。 所以我的问题是怎样实现的一段代码，实现什么我想它待办事项，或者我应该从什么样的jQuery函数中使用和添加？也许有人得到了一段代码，做这样的事情媒体链接，并希望分享它？

请有人可以帮助我吗？如果我是不够清楚，请叫我解释好。

预先感谢。

Answer 1

使用 JQuery的倒计时插件。

它具有当定时器降为零，可以烧制回调事件。当发生这种情况，简单地复位和计时器。

假设这是我们的HTML：

<div id="shortly"></div>
<button id="shortlyStart">Start</button>

这是大致的JQuery你需要重置倒计时计时器。

// restart the timer on expiry
$('#shortly').countdown({until: shortly,  
    onExpiry: restart, onTick: watchCountdown}); 

$('#shortlyStart').click(function() { 
    // restart the timer on click
    restart();
}); 

function restart() { 
    shortly = new Date(); 
    shortly.setSeconds(shortly.getSeconds() + 5.5); 
    $('#shortly').countdown('change', {until: shortly}); 
} 

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

Answer 2

我再次studyied你上面的代码（好一点的这段时间）...和我重新开始时达到零工作！ Yeaaahhh。在代码调整一些其他的东西，但达到我的主要目标......非常感谢，这是真正帮助我的jQuery理解好一点。在基本是简单的，但第一基本必须理解:)

非常感谢！