暂停正在运行的setInterval函数？

Question

我有4个函数在setInterval(tscrolls)上运行,只要加载文档,它就会每隔几秒为div的顶部位置设置动画.

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

有没有办法暂停鼠标中心或悬停？

Answer 1

最简单的方法是修改代码以引用hold在mouseover上设置的变量(此处),并在mouseout上清除:

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

这种方法可以帮助您完成大部分工作,如果您想要实现特定的行为,您可以根据需要进行调整.