按下按钮开始倒计时

时间:2013-02-10 18:51:48

标签: php javascript html countdown

我遇到了问题。我有一个按钮,它发送命令到perl脚本。在60秒内,页面将加载并加载。所以我需要一个倒计时来告诉用户perl脚本完成之前需要多长时间。所以我从网上获得了他的javascript,当页面加载时自动倒计时。有可能扭转这种局面吗?

http://goo.gl/cYdKg

1 个答案:

答案 0 :(得分:1)

如果没有正确说明您的要求,您会看到会发生什么?两个人做同样错误的事情(对我们不好,我们之前没有澄清过,所以)。

$.fn.timedDisable = function(time, callback) {
    if (time == null) {
        time = 5000;
    }
    var seconds = Math.ceil(time / 1000);
    return $(this).each(function() {
        $(this).attr('disabled', 'disabled');
        var disabledElem = $(this);
        var originalText = this.innerHTML;
        disabledElem.text( originalText + ' (' + seconds + ')');
        var interval = setInterval(function() {
            disabledElem.text( originalText + ' (' + --seconds + ')');
            if (seconds === 0) {
                disabledElem.removeAttr('disabled')
                    .text(originalText);
                clearInterval(interval);

                if (typeof callback !== 'undefined')
                    callback();
            }
        }, 1000);
    });
};

$(function() {
    $('#btnContinue').click(function() {
        $(this).timedDisable(5000, function() {
            window.alert('done');
        });
    });
});