容易动画延迟不起作用

时间:2014-02-19 15:36:35

标签: jquery css animation delay

我是jQuery的新手。我正在使用Animate.css并且只想在动画中添加延迟,所以我尝试了这个:

$('#fadeInRight').delay(20000).addClass('animated fadeInRight');

为什么这不起作用?

2 个答案:

答案 0 :(得分:3)

使用 setTimeout()

setTimeout(function(){$('#fadeInRight').addClass('animated fadeInRight')},20000);

答案 1 :(得分:2)

github page表示另一种添加延迟的方法,不需要jQuery:


#yourElement {
    -vendor-animation-duration: 3s;
    -vendor-animation-delay: 2s;
    -vendor-animation-iteration-count: infinite;

}

注意:请务必将CSS中的“vendor”替换为适用的供应商前缀(webkit,moz等)


相关问题