javascript - 在嵌套调用中使用 clearInterval

Question

我有一个创建图表的 JS。该图首先呈现并每 3 秒持续更新一次，如下所示。

我想在单击按钮时使用 clearInterval 或其他方式停止脚本的执行。我怎样才能做到这一点？

我了解 clearInterval 的工作原理，但是，我无法弄清楚如何根据事件控制嵌套的 setInterval。

免责声明:我对 JS 等有点陌生

mystats = function () {
  this.render = function() {
    var graph = vendorgraph();
    graph.render();

    setInterval( function() {
      jsonupdate.addData(seriesData,url);
      graph.update();
    }, 3000 );
  }
}

var mytrends = new mystats(); 
mytrends.render(); 

Answer 1

setInterval 返回一个值，您可以使用该值稍后停止它，也许通过将它存储在某个间隔数组中。

var intervalArray = [];

mystats = function () {
  this.render = function() {
    var graph = vendorgraph();
    graph.render();

    var interval = setInterval( function() {
      jsonupdate.addData(seriesData,url);
      graph.update();
    }, 3000 );
    intervalArray.push(interval);
  }
}    

// later on
var intervalVariable = intervalArray[0];
clearInterval(intervalVariable)