Javascript jQuery在计数器开始计数时单击“更改”

我的脚本从60计数到0，然后发出警报。但我希望这60秒可以改变，当我点击框，增加10秒或减少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:

我希望你能理解。

这是一个概念：

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
});

---

请在您的问题中张贴您的代码示例。当您在问题中没有任何代码的情况下链接到JSFIDLE时，您看到了警告。您的代码脱离了仍然设置在旧计数器编号上的计数器变量，当用户单击框时，计数器需要增加，您需要将该值放入计数器变量中，以便它知道从何处开始。

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
});