jquery计时器剩余写入时间

Question

我有一个段落字段，我想在其中放置此计时器剩余的秒数:

HTML:

<p>xx seconds remaining</p>

JavaScript:

window.setInterval(retrieveLog, 20000);

我怎样才能做到这一点？

Answer 1

当你调用它时，存储结束时间:

var end = (new Date).getTime() + 20000 * 1000; // current time in ms since 1/1/1970, plus the interval time
window.setInterval(retrieveLog, 20000);

并添加另一个更新文本的间隔:

var interval = setInterval(function() {
    var now = (new Date).getTime();
    $("p").text(Math.floor(( end - now ) / 1000));
    if(now > end) clearInterval(interval);
}, 1000);

http://jsfiddle.net/pimvdb/b25KR/