立即调用animate回调函数

时间:2012-06-29 06:05:33

标签: javascript jquery raphael jquery-animate

我使用以下行闪烁一个块。它可以工作但是立即调用回调函数incre()并且不会等到闪烁结束。

我需要在动画功能闪烁2秒后才调用incre()。我错过了什么?

block.attr({ opacity: 0.3 }).animate({ opacity: 1 }, 2000,incre());

1 个答案:

答案 0 :(得分:2)

对于您正在尝试的内容fadeTo()听起来是个不错的选择

block.fadeTo(2000, 0.3, function() {
    block.fadeTo(2000, 1);
});

Demo

但是,您的代码中的错误是:

  • () (回调函数名称后的括号),即incre()
  • opacity是CSS属性而不是属性。所以用户.css()来操纵它们

正确的代码是:

block
   .css({ opacity: 0.3 })
   .animate({ opacity: 1 }, 2000, incre);

Working Demo