jquery倒计时暂停和恢复功能?

时间:2010-12-01 05:21:18

标签: jquery countdown

我需要编码来暂停和恢复jquery倒计时。 对于这个脚本: http://plugins.jquery.com/project/jquery-countdown

2 个答案:

答案 0 :(得分:4)

这个插件非常简单

http://keith-wood.name/countdown.html

$('#pauseButton').toggle(
    function() { 
        $(this).text('Resume'); 
        $('#pauseResume').countdown('pause'); 
    }, 
    function() { 
        $(this).text('Pause'); 
        $('#pauseResume').countdown('resume'); 
    } 
);

答案 1 :(得分:3)

使用插件的stop功能,如下所示:

<span id="count">8</span>
<input type="button" id="pause" value="Pause" />
<input type="button" id="resume" value="Resume" />

和js:

function start() {
    $('#count').countdown({seconds: parseInt($('#count').text())});
}
function pause() {
    $('#count').countdown.stop();
}
$('#pause').click(pause);
$('#resume').click(start);
start();

看看它有效here