gpt4 book ai didi

javascript - 如何在javascript中停止函数

转载 作者:行者123 更新时间:2023-11-30 07:23:45 24 4
gpt4 key购买 nike

mouseout事件发生时如何停止time()?

jsfiddle link:

`<div id="j" style="height:50px; width:50px; background-color:red;">Hello</div`>


$("#j").mouseenter(function(){
var count = 3;
var counterIncrement=1;
setInterval(timer, 1000);
function timer() {
count = count+counterIncrement;
if (count == 3 ) {
counterIncrement = +counterIncrement;
}
console.log(count);

}
});

我想在 mouseout 再次发生时重置 timer() 函数 mousein 然后开始计数 =3

最佳答案

您在两个不同的函数(事件句柄)中使用相同的时间间隔,因此您必须声明一个全局变量。在脚本的最开始,声明:

var interval;

在一个事件句柄中将间隔分配给此变量:

interval = setInterval(.....);

并在需要时在另一个句柄中清除它:

clearInterval(interval);

就是这样。因为变量是全局声明的,所以它会在两个函数范围内被识别。它有效,因为区间对象是通过引用传递的。

关于javascript - 如何在javascript中停止函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26776474/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com