javascript如何暂停/恢复功能？

Question

如何暂停/恢复里程表（以便它暂停/恢复）？每次点击.pause-resume按钮时，我都希望能够分别暂停/恢复里程表。

这是我的代码：

https://jsfiddle.net/aht87opr/27/

$('button').click(function() { 
     var currentvalue = myOdometer.get(); 
    $('#value').text(currentvalue); 
}); 

Answer 1

使用setInterval函数

var n = 0, 
    timerID; 
var myOdometer; 
var div = document.getElementById("odometerDiv"); 
myOdometer = new Odometer(div, { 
    value: n, 
    digits: 6, 
    tenths: true 
}); 
myOdometer.set(0); 

function startcounting() { 


    timerID = setInterval(function() { 
    n = n + 0.01 
    myOdometer.set(n); 
    }, 200); 

} 

//]]> 

startcounting(); 


var started = true; 

$('button').click(function() { 

    if (started) 
    clearTimeout(timerID); 

    else 
    startcounting(); 

    started = !started; 

    var currentvalue = myOdometer.get(); 
    $('#value').text(currentvalue); 
}); 

fiddle

Answer 2

var n = 0; 
var timer; 
var myOdometer; 
function startcounting() { 
var div = document.getElementById("odometerDiv"); 
myOdometer = new Odometer(div, {value: n, digits: 6, tenths: true}); 
myOdometer.set(0); 
update(); 
} 

function update() { 
timer = setInterval(function() { 
n = n + 0.01 
myOdometer.set(n);}, 200);} 
startcounting(); 
var state = true; 
$('button').click(function() { 
if (state) 
clearTimeout(timer); 
else 
update(); 
state = !state; 
var currentvalue = myOdometer.get(); 
$('#value').text(currentvalue); 
});