在执行下一行代码之前，JQuery会等待几秒钟

Question

我需要一个简单的方法，或者在执行下一行代码之前暂停几秒钟。

所以我有：

$('.myClass').show();

//WAIT FOR 5 SECONDS HERE

$('.myClass').hide();

Answer 1

setTimeout：

$('.myClass').show();
window.setTimeout(function (){$('.myClass').hide(); }, 5000);

$（'。myClass'）。show（）。delay（5000）.hide（）;

  

仅延迟队列中的后续事件;例如，这将   不延迟.show（）或.hide（）的无参数形式   使用效果队列。

docs

为了使用delay，您必须使用持续时间，因此它将使用队列：

$('.myClass').show().delay(5000).hide(0); 

JSFiddle DEMO

谢谢@am不是我！（再次......）

Answer 2

这应该有效：

$('.myClass').show();
window.setTimeout(  
    function() {  
         $('.myClass').hide();//happens 5 secs later
    },  
    5000
);

请参阅MDN上的window.setTimeout

Answer 3

您可以将hide括在setTimeout()的调用中。

$('.myClass').show();
setTimeout(function() {$('.myClass').hide()}, 5000);

Answer 4

$('.myClass').show();

window.setTimeout(function () {
   $('.myClass').hide();
}, 5000);