javascript - 鼠标悬停时的原型阻止功能

Question

我得到了这个功能，它可以在间隔时自动滚动轮播。

function startInterval() {
if (totSliders > 1) {
interval = setInterval("next()", 7000); }
setInterval("Time()", 1000);
}
window.onload = function {
startInterval()
}

我希望，在将鼠标悬停在一些“class ul li”元素（每个）上时，函数 startInterval() 驱动器被清除、停止。简而言之，当鼠标悬停在轮播元素上时，自动滚动停止。相反，在mouse out上，应该重新启动相同的功能（以及自动滚动）。

我指出 setInterval("Time()", 1000); 在这些鼠标悬停/移出事件中不应考虑包含在父函数中的函数。它应该只被称为 onload。

我怎样才能实现我的目标？多谢

Answer 1

我只是在尝试一下，因为它有点难以理解这个问题。根据我的猜测，您正在尝试向所有元素添加事件，对onmouseover吗？如果是这种情况，您可以这样做：onmouseoutclass ul li

function pauseInterval(evt) {
   clearInterval(interval);
}

function resumeInterval(evt) {
   interval = setInterval("next()", 7000);
}

var listElements = $$('class').getElementsByTagName('li');
for (var i = 0; i < listElements.length; i++) {
   listElements[i].on('mouseover', resumeInterval);
   listElements[i].on('mouseout', pauseInterval);
}

我肯定会对此进行错误测试，因为我肯定没有。