setTimeout 和clearTimeout 的混淆

发布于 2024-09-25 21:19:44 字数 578 浏览 8 评论 0原文

我有一个按钮，可以在 div 翻过来时更改其背景。背景需要在计时器上更改，因此我使用 setTimout 来执行更改背景的方法。我认为clearTimeout会取消并且我已经设置了超时，所以我把它放在mouseleave事件上。然而，它似乎并没有停止超时。我的逻辑对吗？

$("#h2Buzz").mouseenter(function () {   
   setTimeout(playV(), 2700);
   setTimeout(playP(), 5400);
}); 
$("#h2Buzz").mouseleave(function () {
   clearTimeout(playV());
   clearTimeout(playP());
});


function playV() {
    $("#ServicesBackgroundImage2").css("background-image", "url(/images/v.jpg)");
}
function playPn() {

    $("#ServicesBackgroundImage2").css("background-image", "url(/images/p.jpg)");
}

原文

I have a button that changes the background of a div when its rolled over. the background needs to change on a timer so i have used setTimout to execute methods that change the backgrounds. I thought clearTimeout would cancel and timeouts i have set so i put this on the mouseleave event. However it doesnt seem to stop the timeouts. Is my logic right here?

$("#h2Buzz").mouseenter(function () {   
   setTimeout(playV(), 2700);
   setTimeout(playP(), 5400);
}); 
$("#h2Buzz").mouseleave(function () {
   clearTimeout(playV());
   clearTimeout(playP());
});


function playV() {
    $("#ServicesBackgroundImage2").css("background-image", "url(/images/v.jpg)");
}
function playPn() {

    $("#ServicesBackgroundImage2").css("background-image", "url(/images/p.jpg)");
}

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

心欲静而疯不止 2024-10-02 21:19:44

您错误地使用了 setTimeout 和 clearTimeout。 setTimeout 函数返回超时的句柄，该句柄将被传递到 clearTimeout 中以停止超时。

var playVTimeout;

...

    playVTimeout = setTimeout(playV, 2700);

....

    clearTImeout(playVTimeout);

另请注意，setTimeout(playV(), 2700); 将立即调用 playV() 并在 2.7 秒后执行其返回值。您应该传递一个函数对象 playV 来代替。

You are using setTimeout and clearTimeout wrongly. The setTimeout function returns a handle to the timeout, which is to be passed into clearTimeout to stop it.

var playVTimeout;

...

    playVTimeout = setTimeout(playV, 2700);

....

    clearTImeout(playVTimeout);

Also note that setTimeout(playV(), 2700); will call playV() now and execute its return value 2.7 seconds later. You should pass a function object playV in instead.

回复收藏 0 原文

美羊羊 2024-10-02 21:19:44

为您的 setTimeout 分配一个变量，然后将其传递给 clearTimeout 来清除它，即

var play_timeout = setTimeout("playV()", 2700);
clearTimeout(play_timeout);

（注意我在您的第一个 setTimeout 参数周围添加了引号）

Assign a variable to your setTimeout, which you then pass to clearTimeout to clear it, i.e.

var play_timeout = setTimeout("playV()", 2700);
clearTimeout(play_timeout);

(Note I added quotes around your first setTimeout argument)

回复收藏 0 原文

旧时浪漫 2024-10-02 21:19:44

当您调用setTimeout时，它会返回一个数值。您应该存储该值，因为这是clearTimeout 所需要的。因此，请跟踪两个 setTimeout 的返回值（它们会不同）。并在您可以从这两个函数访问的范围内跟踪它们。

快速“n”肮脏示例：

var timer = setTimeout( function(){ alert('hi'); }, 300 );
clearTimeout( timer );

此外，您使用“playV()”调用 setTimeout，这是不正确的，因为它将立即以这种方式调用该函数。您可以将括号留在后面，因此只需 setTimeout( playV, 3500 );

When you call setTimeout, it returns a numeric value. You should store this value, because this is what you need for clearTimeout. So keep track of the return value from both setTimeout's (they will be different). And keep track of them in a scope you can access from both functions.

Quick 'n' Dirty Example:

var timer = setTimeout( function(){ alert('hi'); }, 300 );
clearTimeout( timer );

Also, you are calling setTimeout with 'playV()', this is incorrect as it will immediately call that function this way. You can leave the brackets behind, so just setTimeout( playV, 3500 );

回复收藏 0 原文

~没有更多了~