javascript - jQuery を使用して画像をフェードアウトする

Question

次のスクリプトを使用して、5 秒後に画像をフェードアウトしています。

var $j = jQuery.noConflict();
$j(document).ready(function() { 
    var fade_out = function() {
        $j("#fadeout").fadeOut().empty();
    }
    setTimeout(fade_out, 5000);
}); 

イメージが消えるとき、それはただ消えます。画像を1秒ほどかけてゆっくりとフェードアウトさせたい。これどうやってするの？

Answer 1

空のメソッドを fadeOut コールバックに入れます。

var $j = jQuery.noConflict();
$j(document).ready(function() { 
var fade_out = function() {
        $j("#fadeout").fadeOut(1000, function() { $j("#fadeout").empty(); });
    }

    setTimeout(fade_out, 5000);
}); 

Answer 2

var el = $j("#fadeout");
el.fadeOut(1000, function() { el.empty(); })

1000効果がフェードアウトを完了するのにかかる時間 (ミリ秒)

要素への参照をキャッシュしたい場合があります (2 回使用する必要があるため)。