javascript - 如何停止setInterval并恢复？

Question

如何停止 setInterval 然后从同一位置恢复？

示例:

start ---> 1,2,3,4,5 .... ---> stop ---> start ---> 6,7,8 ...

index.html

<div onclick=start()>start</div>  
<div onclick=stop()>stop</div>

index.js

let refreshInterval = null;

start() {
  var i = 0;
    refreshInterval = setInterval(function() {
      console.log(i);
      i++;
    }, 1000);
}


stop() {
    ???????
}

Answer 1

您需要一个全局变量i来停止clearInterval。

function start() {
    if (refreshInterval !== undefined) return; // prevent more than one interval
    refreshInterval = setInterval(function() {
        console.log(i);
        i++;
    }, 1000);
}

function stop() {
    clearInterval(refreshInterval);
    refreshInterval = undefined;
}

var refreshInterval,
    i = 0;

<div onclick="start()">start</div>
<div onclick="stop()">stop</div>