代码之家 › 专栏 › 技术社区 › Tom

如何停止/重写jquery超时函数?

notifications timeout ajax jquery javascript

Tom · 技术社区 · 15 年前

我有一个小jquery片段,它在屏幕顶部显示通知消息以响应页面上的用户操作。通知通常在ajax操作之后显示,其中包含动态内容。

例如:

$("#mini-txt").html("Thank you!");
$("#mini").fadeIn("fast");
setTimeout(function() {$("#mini").animate({height: "hide", opacity: "hide"}, "medium");}, 3000);

通知工作得很好,除非用户连续快速地执行两个或多个操作,在这种情况下,超时功能会使自己混淆,第二条消息似乎出现在前3000毫秒内。

如果执行新操作,是否有方法“终止”以前的通知。我对操作/选择器没有问题,只有超时功能….要么阻止它,要么以某种方式覆盖它。或者也许有更好的选择让信息在屏幕上停留几秒钟然后消失?

谢谢您。

4 回复 | 直到 7 年前

Justin Niessner 15 年前

首先,存储 setTimeout 功能:

// Set the timeout
var timeout = setTimeout(function()
    {
        // Your function here
    }, 2000);

然后,当你准备结束超时时…你只要打电话 clearTimeout 使用上次调用中存储的值 设置超时 .

// Then clearn the timeout
clearTimeout(timeout);

rahul 15 年前

你可以使用 .stop()

停止当前正在运行的动画在匹配的元素上。

PetersenDidIt 15 年前

jquery 1.4有一个内置的方法来处理动画的延迟,您可以这样做:

$("#mini-txt").html("Thank you!");
$("#mini").fadeIn("fast").delay(3000).animate({height: "hide", opacity: "hide"}, "medium");

稍后,当您要清理动画队列时,可以执行以下操作:

$("#mini").stop(true);

Tadeusz Majkowski 7 年前

这将清除延迟500毫秒的函数运行后的超时

var timeout = setTimeout(function(){

/* YOUR FUNCTION */

}, 500, function(){
   clearTimeout(timeout);
});

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

7 月前

Dr.0000FF · jQuery按钮点击不显示/隐藏内容

8 月前

user28928120 · 如何在jquery中选择所有类?

8 月前

LauraNMS · 如何使用Waypoints js实现粘性元素和偏移量

8 月前

Eliable · 使点击计数器和进度条协同工作

9 月前

mlri · 从不同的onclick事件执行相同的javascript函数

9 月前

Cymro · 如何将jquery$(this)与$(document).keyup一起使用

9 月前

Jack Maessen · 在处理程序上使用时如何获取输入类型

9 月前

BlueDogRanch · 使用jQuery Datepicker和dateFormat、altFormat和altField以及$(this)

9 月前

Jameel · Jquery:未捕获SyntaxError:在参数列表后的“Node”上执行“appendChild”失败:缺失)

9 月前