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 })