Question

我的脚本从60到0，然后提醒。但我希望这个60秒可以改变，当我点击框并添加10秒或decres 10秒这里是我的代码fidle：

[http://jsfiddle.net/nm3qotsv/2/][1]

此代码计数但是当你点击框时，如果时间是40秒，它将增加10秒，它将是50但是1秒后计数器将继续从40而不是50，我希望从50继续

这是代码： HTML 剩余时间60秒
jQuery的

$(document).ready(function(){
    function minusfif() {
        var number  =   parseInt($('b').html());
        return number - 30;
    }
    function addOne() {
        var number  =   parseInt($('b').html());
        return number + 31;
    }
    $("#container").click(function(){
        $('b').text(minusfif());
    });
    $("#box").click(function(){
        $('b').text(addOne());
    });    
    var counter = parseInt($('#count').html());

        setInterval(function() {
        counter--;
        if (counter >= 0) {
        b = document.getElementById("count");
        b.innerHTML = counter;
        }

        if (counter === 0) {
            alert("aaaa");       
        }

     },1000);   
});

CSS：

#container{
            border: 1px solid black;
            background: #ff0000;
            width:960px;
            height:500px;

        }
        #box{

            background: black;
            width: 100px;
            height:100px;   
            color: white;
            cursor: pointer;
        }

我希望你明白。

Answer 1

这是概念：

var counter = 60;

setInterval(function(){
    counter--;
    ...
    $('b').text(counter); //update counter output every second
}, 1000);

$("#box").click(function(){
    counter += 31;
    $('b').text(counter); //immediately update counter again
});

当计数器开始计数时，jQuery点击更改

1 个答案: