javascript如何暂停/恢复功能? [英] javascript How to pause/resume function?

问题描述

如何暂停/继续里程表(以便暂停/继续)?我希望每次单击.pause-resume按钮时，都可以分别暂停/恢复里程表.

How to pause/resume odometer (so that it pauses/resumes)? I want to be able to pause/resume odometer respectively each time I click .pause-resume button.

这是我的代码:

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

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

推荐答案

使用setInterval函数

use setInterval function

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

小提琴

这篇关于javascript如何暂停/恢复功能?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！