Question

我正在创建出价网站。我希望当有人对特定产品进行出价时，出价时间应自动增加1分钟。

例如，当前计时器显示20秒。这意味着还需要20秒才能出价。我的出价最高。然后我希望我一出价，计时器就会变为1分20秒。这意味着还有1分钟的时间可以出价。这意味着其他人也有机会出价。

Answer 1

我在The simplest possible JavaScript countdown timer?

看到了类似的问题

我做了更新，请参阅下面的

HTML

<body>
    <div>You have <span id="time">00:20</span> to bid!</div>
    <button>Bid !</button>
</body>

JS

var myCounter= (function() {
    var secondsleft= '';
    var timeleftinterval= null;

    var startTimer= function(duration) {
        var me= this;
        var timer = duration;
        var display = $('#time');

        me.timeleftinterval= setInterval(function () {
            minutes = parseInt(timer / 60, 10)
            seconds = parseInt(timer % 60, 10);           
            me.secondsleft= timer;

            minutes = minutes < 10 ? "0" + minutes : minutes;
            seconds = seconds < 10 ? "0" + seconds : seconds;

            display.text(minutes + ":" + seconds);

            if(--timer < 0) {
                clearInterval(me.timeleftinterval);
            }

        }, 1000);
    };

    var increaseTime= function(secondstoincrease) {
        clearInterval(this.timeleftinterval);
        this.secondsleft += secondstoincrease;
        this.startTimer(this.secondsleft);
    };

    return {
        startTimer: startTimer,
        increaseTime: increaseTime
    }
})();


jQuery(function ($) {
    myCounter.startTimer(20);
    $('button').click(function() {
        myCounter.increaseTime(60);
    });
});

http://jsfiddle.net/df773p9m/10/

对你有帮助吗？

当用户点击按钮时，将计时器的值增加1分钟

1 个答案: