如何在延迟后链接自定义功能？

Question

如何在设置延迟后链接自定义功能

这就是我的意思：http://jsbin.com/uluyim

$(function(){

  $('.container').hide();

  $('.container').delay(2000).fadeIn().$(document).callMe();   

function callMe () {
  alert ("It works!");

} 

});

谢谢！

Answer 1

更改以下行

$('.container').delay(2000).fadeIn().$(document).callMe();   

到

$('.container').delay(2000).fadeIn(callMe)

Answer 2

在您的情况下，您可以使用arunes的解决方案，使用动画中的回调。但是，如果您需要在动画和执行的回调之间添加延迟，您也可以这样做，如：

$('.container').fadeIn(function () {
  $(this).delay(2000).queue(function () {
    alert('Custom function executed two seconds after fadeIn()!');
    $(this).dequeue();
  });
});

Answer 3

所有jQuery动画方法都有完成回调，允许您在动画完成后运行代码

$('.container').hide().delay(2000).fadeIn(callMe) ;;

Answer 4

$(function(){

  $('.container').hide();

  $('.container').delay(2000).fadeIn(callMe);   

});

function callMe () {
  alert ("It works!");