回调函数初学者

Question

我正在练习回调函数，但它似乎不起作用。 我想让我的h1元素淡入，然后当它完成淡出时。

HTML：

<h1 id="randomid"> Fade in</h1>

脚本：

$("#randomid").hide();
$("#randomid").fadeIn({

}, 5000,
function(){
$("#randomid").fadeOut(5000);
}
);

Answer 1

你的语法很糟糕，因为它是fadeIn(duration, callback)所以：

$("#randomid").fadeIn( 5000, function(){
   $("#idie").fadeOut(5000);
});

Documentation

DEMO

Answer 2

如果那是您的完整HTML，那么它就无法正常工作，因为DOM中没有与选择器#idie匹配的元素。您还使用fadeIn(duration, callback)的错误语法。

$("#randomid").hide();
$("#randomid").fadeIn(5000,
    function(){
        $("#randomid").fadeOut(5000);
    }
);

Answer 3

您有一个额外的空对象作为fadeIn()（{ }）的第一个参数。删除它，只是传递时间和回调：

$("#randomid").fadeIn(5000,
  function(){
    $("#idie").fadeOut(5000);
  }
);