jQuery對話框打開並在3秒後自動關閉

Question

我想打開一個沒有按鈕的jQuery對話框來顯示一些動畫，然後自動停留在那裏3秒鐘，然後關閉。這裏是什麼，我認爲應該工作的jsfiddle，但你可以看到它只是打開和關閉，不waitng秒3：

的jsfiddle：http://jsfiddle.net/WrdM9/1/

任何人都知道如何理順這一點？ 謝謝！

Answer 1

你應該使用setTimeout：

open: function(event, ui) { 
    setTimeout(function(){ 
     $('#dialog').dialog('close');     
    }, 3000); 
} 

這裏的小提琴：http://jsfiddle.net/WrdM9/2/

Answer 2

使用jQuery的延時功能例如

$("#your-modal-id").slideDown(300).delay(800).slideUp(400); 

Answer 3

如果你也想加入一些轉變，我不會建議jQuery的效果基本show和動畫了slideDown。這些是緩慢的，因爲它使用CPU而不是GPU和動畫本身並不完全感覺正確。

我會推薦Velocity.js來代替。請記住還要添加Velocity UI js。你可以做這樣的事情：

$("#your-modal-id").velocity('transition.slideUpBigOut', { delay: 3000 })