延迟,连续动画后动画文本

时间:2014-01-26 15:53:17

标签: jquery jquery-animate

我需要为文本设置动画以匹配某些语音轨道,因此每个动画都有延迟。

我将延迟的时间放在数据音频中,但是当尝试按顺序显示时,使用.animate()会有困难。我需要他们来展示&只有在延迟过期后才开始动画。

    function scaleText() {
    var t = $('.scalebox').data('times');
    if (t) {
        var anima = $('.scale');
            var i;
            for (i = 0; i < t.length; i++) {
                 anima.eq(i).delay(t[i]).show().animate({
                    opacity: 0,
                    fontSize: "4em"
                    }, 0, function() {
                        $( ".scale" ).animate({
                        opacity: 1,
                        fontSize: "1.313em"
                        }, 4000);
                    });


            }
    }
}

如果我不放show(),那么一切都是看不见的。我无法弄清楚在哪里放置节目,以便在延迟后发生。

小提琴http://jsfiddle.net/qPv8m/1/

1 个答案:

答案 0 :(得分:0)

show()不是动画方法,因此它不适用于delay(),因为它未添加到FX队列。
但是,您可以通过添加持续时间

使其成为动画方法
.show(1)

FIDDLE