0

JSFiddle ここ

この例からわかるように、ボックスが上から下へとアニメーション化され、数秒後にパルスが発生します。animate.cssを使用しています

HTML

<div class="animated bounceInDown box" id="icon1">This is a test</div>

JS

setInterval(function() {
    console.log('Running animation');
    $('#icon1').addClass('animated pulse');
}, 4000);

バウンスインダウンを取り除くと機能しますが、なぜ両方が一緒に機能しないのでしょうか?

この fiddleのように、要素を削除するアニメーションを追加すると、さらに複雑になります。

タイマーで以下のアニメーションを使用できないようですが、その理由は誰にも分かりますか? それともこれはバグですか？

  • 閃光
  • 跳ねる、弾む
  • 振る
  • 多田
  • スイング
  • ぐらぐらする
  • 脈
4

2 に答える 2

1

これを試して

setTimeout(function() {
    console.log('Running animation');
    $('#icon1').removeClass('bounceInDown');
    $('#icon1').addClass('pulse');
}, 4000);
于 2013-09-17T09:21:18.173 に答える
1

同時に複数のクラス アニメーションを適用することはできないようです。

新しいクラスを適用する前に を削除するbounceInDownとうまくいきます。

$('#icon1').removeClass('bounceInDown').addClass('pulse');

実際の例: http://jsfiddle.net/GunhR/2/

于 2013-09-17T09:18:39.363 に答える