用途
新着
履歴
分類

jQuery 処理を遅らせる

jQuery 処理を遅らせる

演出や処理の都合で、わざと遅らせることがあります。

何秒おきというわけではなく、単純に指定秒の間、待つメソッドを使います。

1秒後にスライドアップ、2秒待つ、3秒かけてフェードインします。

$(document).ready(function(){
$('.demo_div').slideUp(1000).delay(2000).fadeIn(3000);
});

8秒後に、classを加えることによって、アニメーションが開始します。

$('.demo_div2').delay(8000).queue(function(next) {
    $(this).addClass('demo_ani');
    next();
});

delayが以下のような構文が見当たらないため、上記のようにqueue(キュー)を使って実装しました。

$('#hoge').slideUp(function() {
    $(this).addClass('demo_ani');
});

もっとよい書き方があれば、アップデートします。

公開 2019-07-29 20:51:10
更新 2020-01-26 23:40:49
このページの二次元コード
jQuery 処理を遅らせる

人気のサンプル

search -  category -  about
© 2024 kipure
Top