javascript - 暂停正在运行的 setInterval 函数？

Question

我有 4 个函数在 setInterval (tscrolls) 上运行，它们会在文档加载后每隔几秒为 div 的顶部位置设置动画。

var intervalFunctions = [ tScroll1, tScroll2, tScroll3, tScroll4 ];
var intervalTimer = 3000;
window.setInterval(function(){
  intervalFunctions[intervalIndex++ % intervalFunctions.length]();
}, intervalTimer);

有没有办法在 mouseenter 或 hover 时暂停？

Answer 1

最简单的方法是修改您的代码以引用一个在鼠标悬停时设置并在鼠标移出时清除的变量(此处为 hold):

window.setInterval(function(){ 
    if(hold) {
        return;
    }
    intervalFunctions[intervalIndex++ % intervalFunctions.length](); 
}, intervalTimer); 

这种方法将帮助您完成大部分工作，如果您想实现特定的行为，您可以根据口味对其进行调整。