为什么clearinterval失效了?

sinat_28561071 sinat_28561071 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区

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,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

weixin_38690739

clearInterval失效分析[项目代码]

文章讨论了在使用setInterval创建定时器时,clearInterval方法失效的问题。作者通过代码示例展示了问题现象:倒计时开始时间一直停留在7且无法结束。问题根源在于每次倒计时对countTime重新赋值,导致clearInterval操作的不是原始的setInterval返回值。作者进一步解释了为什么初始setInterval返回值始终为7,并提供了解决方案:使用另一个变量来存储setInterval的返回值,确保clearInterval能够正确清除定时器。这段内容对前端开发者处理定时器问题具有实际参考价值。

t4y5u6i7o

vue setInterval 定时器失效的解决方式

主要介绍了vue setInterval 定时器失效的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

weixin_38584043

window.clearInterval与window.setInterval的用法.

window.clearInterval与window.setInterval的用法.

songjuntao1982

setinterval()与clearInterval()JS函数的调用方法

本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下: 代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>  &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt;  &lt;head&gt;      &lt;title&gt;setinterval()与clearInterval()用法&lt;/title&gt; 

weixin_38728183
评论 6
收藏 已收藏
分享
返回顶部
sinat_28561071
JavaScript 87,983 成员 224,681 内容