我有这个伪代码。 我需要检查所有动画是否已经结束。

我的函数里面有很多动画:

    function animateText($element, $callback) {
        var $this = $element;
        var $wordList = $this.text().split("");
        $this.text("");
        $this.css('opacity', 1);

        $.each($wordList, function (idx, elem) {
            var newEL = $("<span/>").text(elem).css({
                opacity: 0
            });
            newEL.appendTo($this);
            newEL.delay(idx * 125);
            newEL.animate({
                opacity: 1
            }, 500, 'swing', function () {
               // now are animations are done
                if ($wordList.length === idx + 1) {
                    $callback();
                }
            });
        });


    };

我们开始了!

animateText('#myText', function(){
  console.log('ALL ANIMATIONS ARE DONE!');
});

我需要知道所有动画何时结束以及在调用我的回调之后。 这种方法有效,但有可能以某种方式更好地编写它吗?

  ask by Mr. RJ translate from so

本文未有回复,本站智能推荐:

1回复

检查页面何时加载以及打开动画是否完成

我面临一个概念性问题。 在网站的开头,我有一个OPENING ANIMATION (以装载程序的形式表示),我想从头到尾展示所有内容。 然后,当页面完全加载后,我将显示该页面。 现在有两种不同的情况: 首先:快速上网->在动画结束之前加载页面 第二:缓慢的互联网-&g
2回复

动画结束前调用功能

这就像同一类元素的打字机一样。 问题是在动画结束之前调用seite() ,这样动画就不会停止和停滞。
2回复

如何为页面中的所有动画添加公共回调?

我目前正在开发一个包含许多动画的网页。 代码示例 我想添加在每个动画结束后调用的公共回调。 我不想写得像 我只想添加回调作为一个整体(比如给jquery $('div')中的所有div赋予样式.css(“height”,“100px”);) 有没有这样的代码可以回调页面中的所有
1回复

jQuery,动画和动画回。回调函数错误?:S

我不知道我做了什么。 这个想法是为一个元素设置动画,使其从某个位置滑入并在单击另一个元素时向后滑动。 我已经在原始事件函数的回调中应用了第二个事件。 但是,尽管有这种结构,但第二个事件函数仍会运行,尽管我没有单击回调函数中的第二个元素。 如果您不关注,则基本思路是这样。 单击-&
2回复

另一个打字动画完成后如何制作打字动画

我目前正在制作动画类型,但是问题通常是我很难调用一个函数,然后当它完成调用另一个函数时,我尝试了回调,但是它通常没用,我需要能够做到这一点的技术,动画和功能,请提供说明。 检查下面的代码 $(document).ready(function(){ var i; var counter
2回复

动画列表项后的回调功能

我在(fadeIn())列表项中的无序列表中有动画淡入。 我已经做了很多工作,但是我想在所有列表项都可见之后调用另一个函数-我猜这将是一个回调函数。 基本上,在我的6个列表项淡入之后,我想在它们之间的边框中淡入淡出。 而已! 只是在回调函数的放置上遇到麻烦,我一直在我认为函数应该去的地
2回复

jQuery动画回调不起作用

为什么不发出警报?
6回复

Jquery-延迟回调,直到完成多个动画

在多个元素完成动画制作后,我需要一个回调来执行一次。 我的jquery选择器如下: 这个问题是按钮类匹配了许多元素,所有这些元素都需要在执行回调之前淡入。 现在,在每个单独的元素完成动画之后执行回调。 这不是所需的功能。 我正在寻找一个优雅的解决方案,这样我的回调只在所有匹配元素完成