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

Question

我正在创建出价网站。 我希望有人为某个产品出价时，出价时间应自动增加1分钟。

例如当前计时器显示20秒。 这意味着还有20秒可以出价。 我把我的最高出价。 然后，我想尽快出价，将计时器更改为1分20秒。 这意味着还有1分钟的竞标时间。 这意味着其他人也有机会出价。

Answer 1

我做了更新，请在下面查看

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 个解决方案

解决方案1
1 已采纳 2015-03-11 12:42:09

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

问题描述

1 个解决方案

解决方案1 1 已采纳 2015-03-11 12:42:09

解决方案1
1 已采纳 2015-03-11 12:42:09