为什么clearinterval失效了?
function show() {
var oSlidertab = document.getElementById('slidertab');
var oSlider = document.getElementById('Slides');
var oSlili = oSlidertab.getElementsByTagName('li');
var oSlidli = oSlider.getElementsByTagName('li');
index = 0;
timer = null;
timer = setInterval(autoPlay, 2000);
function autoPlay() {
index + 1;
if (++index >= oSlidli.length)
{ index = 0; }
change(index);
}
function change(curIndex) {
for (var i = 0; i < oSlili.length; i++) {
oSlidli[i].style.display = "none";
oSlili[i].className = "";
}
oSlidli[curIndex].style.display = "block";
oSlili[curIndex].className = "sliderc";
}
oSlidertab.onmouseover = function () {
clearInterval(timer);
}
for (var i = 0; i < oSlili.length; i++) {
oSlili[i].onmouseover = function () {
clearInterval(timer);
index = this.innerText - 1;
change(index);
}
}
}相关推荐
基于vue的短信验证码倒计时demo
主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
clearInterval失效分析[项目代码]
文章讨论了在使用setInterval创建定时器时,clearInterval方法失效的问题。作者通过代码示例展示了问题现象:倒计时开始时间一直停留在7且无法结束。问题根源在于每次倒计时对countTime重新赋值,导致clearInterval操作的不是原始的setInterval返回值。作者进一步解释了为什么初始setInterval返回值始终为7,并提供了解决方案:使用另一个变量来存储setInterval的返回值,确保clearInterval能够正确清除定时器。这段内容对前端开发者处理定时器问题具有实际参考价值。
vue setInterval 定时器失效的解决方式
主要介绍了vue setInterval 定时器失效的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
window.clearInterval与window.setInterval的用法.
window.clearInterval与window.setInterval的用法.
setinterval()与clearInterval()JS函数的调用方法
本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>setinterval()与clearInterval()用法</title>


