web-dev-qa-db-ja.com

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

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

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

X秒後にこの指示を行い、divのfadeOutを実行します。

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

どうすればいいですか？実際には、フェードアウトはボタンのクリックで行われます。

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

jquerytimerdelay
21
michele

.delay メソッドは、あなたが記述している目的のために構築されたものです。

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

http://jsfiddle.net/SUBnz/1/

56
Asad Saeeduddin

返信するには遅すぎるかもしれませんが、私は助けてくれる方法を見つけました。

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

このリンクを参照してください http://juristr.com/blog/2009/12/howto-fade-out-div-after-some-seconds/

Divを非表示にするタイミングや速度を設定できます。

1
Dharti Gohil

setTimeout()を使用できます

var xSeconds = 1000; // 1 second

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