如何使用jQuery等待5秒？
如何使用jQuery等待5秒？
提问于 2009-12-03 05:56:55
我正在尝试创建一个页面加载的效果，5秒后，屏幕上的成功消息会淡出，或滑出。
我如何才能做到这一点？
回答 5
Stack Overflow用户
发布于 2014-03-25 19:19:15
我一直在使用这一个消息覆盖，可以立即关闭点击或它做一个10秒后自动关闭。
button = $('.status-button a', whatever);
if(button.hasClass('close')) {
button.delay(10000).queue(function() {
$(this).click().dequeue();
});
}Stack Overflow用户
发布于 2012-12-04 04:06:24
Underscore library还提供了“延迟”功能：
_.delay(function(msg) { console.log(msg); }, 5000, 'Hello');Stack Overflow用户
发布于 2020-04-26 10:37:02
我知道这是一个古老的问题，但这里有一个插件可以解决这个问题，有人可能会发现它很有用。
https://github.com/madbook/jquery.wait
使您可以执行以下操作：
$('#myElement').addClass('load').wait(5000).addClass('done');之所以应该使用.wait而不是.delay，是因为.delay并不支持所有的jquery函数，而且.delay只支持动画函数。例如，delay不支持.addClass和.removeClass
或者，您也可以使用此函数。
function sleep(milliseconds) {
var start = new Date().getTime();
for (var i = 0; i < 1e7; i++) {
if ((new Date().getTime() - start) > milliseconds){
break;
}
}
}
sleep(5000);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/1836105
复制相关文章
相似问题