我有一个小的jquery片段,该页面在屏幕顶部显示通知消息,以响应页面上的用户操作。该通知通常在Ajax操作之后显示,其中包含动态内容。
例如:
$("#mini-txt").html("Thank you!"); $("#mini").fadeIn("fast"); setTimeout(function() {$("#mini").animate({height: "hide", opacity: "hide"}, "medium");}, 3000);
该通知运行良好,除非用户连续快速执行两个或多个操作,否则超时功能将使自己感到困惑,并且第二条消息似乎在之前的3000毫秒之内。
如果执行新操作,是否有办法“杀死”先前的通知。我对动作/选择器没有问题,只是TimeOut函数....要么停止它,要么以某种方式覆盖它。还是有更好的选择让消息在消失前在屏幕上停留几秒钟?
谢谢。
首先,存储该setTimeout函数的返回值:
setTimeout
// Set the timeout var timeout = setTimeout(function() { // Your function here }, 2000);
然后,当您准备取消超时…时,只需clearTimeout使用上次调用中的存储值进行调用setTimeout。
clearTimeout
// Then clearn the timeout clearTimeout(timeout);