立即调用的动画回调函数

The animate callback function called immediately

本文关键字：回调 函数 动画 调用      更新时间：2023-09-26

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

只有在 animate 函数闪烁 2 秒后，我才需要调用incre()。我错过了什么？ 

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

对于您正在尝试的内容 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);

工作演示

相关文章：