在fadeTo()jQuery上添加一个延迟

时间:2015-06-01 14:54:41

标签: javascript jquery

我有以下内容:

  $('.pic').fadeIn("slow"); // attempt calling twice
  $('.pic').fadeTo("slow", 0.8);

我想在fadeTo发生之前显示图片大约1秒钟。目前,当JS运行时,它只显示带有fadeTo的图片。

我尝试在两者中加入延迟。

  $('.pic').delay(1000).fadeTo("slow", 0.8);

以上只是延迟显示整张照片。没有延迟fadeTo。再次我的目标是显示图片正常1秒,然后 THEN fadeTo

修改/更新:

所以,由于下面的答案,我仍然没有得到理想的结果。再次期望的结果是显示图像正常,具有完全不透明度。在fadeTo发生之前1秒钟。使用以下建议发生同样的问题。它只是在显示之前设置.delay。它不允许动画具有完全不透明度并且显示正常一秒钟然后fadeTo

1 个答案:

答案 0 :(得分:3)

链接函数,以便您可以使用delay

$('.pic').fadeIn("slow").delay(1000).fadeTo("slow", 0.8);

请参阅Fiddle