javascript - 立即调用的动画回调函数

Question

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

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

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

Answer 1

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

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

演示

但是，您的代码中的错误是：

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

正确的代码是：

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

工作演示