jquery - jqueryでx秒後にdivをフェードアウトする

Question

ページをロードしたときに表示されないフェードインdivを実行します。

    $('#overlay').fadeIn('fast');
    $('#box').fadeIn('slow');

x秒後にこの手順を実行し、divのfadeOutを実行します。

$('#overlay').fadeOut('fast');
$('#box').hide();

どうすればいいですか？実際、fadeOutはボタンクリックで行われます。

スクリプトは次のとおりです。http：//clouderize.it/cookie-localstorage/a.php 別の画像をクリックしたときに表示されるdivは、x秒後に消えます。どうもありがとう。

score 68 · Accepted Answer

この.delay方法は、あなたが説明していることを目的として構築されています。

$('#overlay').fadeIn('fast').delay(1000).fadeOut('fast');
$('#box').fadeIn('slow').delay(1000).hide(0);

score 2 · Accepted Answer

あなたが使うことができますsetTimeout()

var xSeconds = 1000; // 1 second

setTimeout(function() {
   $('#overlay').fadeOut('fast');
   $('#box').hide();
}, xSeconds);

score 2 · Accepted Answer

多分これは返信するには遅すぎますが、私は私を助ける方法を見つけました。

$（ "＃overlay"）。fadeTo（10000,1）.fadeOut（5000）;

それはあなたがあなたがdivを消したい時とどのくらいの速度であるかのような時間を設定することを可能にします。

3 に答える 3