5秒後のjQuery autohide要素

jQueryを使用してフォームが読み込まれてから5秒後に、Webページの要素を自動的に非表示にすることはできますか？

基本的に、私は持っています

<div id="successMessage">Project saved successfully!</div>

5秒後に消えたいと思います。私はjQuery UIと非表示効果を見てきましたが、思い通りに機能させるのに少し問題があります。

<script type="text/javascript">
        $(function() {
            function runEffect() {

                var selectedEffect = 'blind';

                var options = {};

                $("#successMessage").hide(selectedEffect, options, 500);
            };

            $("#successMessage").click(function() {
                runEffect();
                return false;
            });
        });
    </script>

クリック関数を削除し、5秒後にrunEffect（）を呼び出すタイムアウトメソッドを追加したいのですが。

$(function() {
    // setTimeout() function will be fired after page is loaded
    // it will wait for 5 sec. and then will fire
    // $("#successMessage").hide() function
    setTimeout(function() {
        $("#successMessage").hide('blind', {}, 500)
    }, 5000);
});

注：jQuery関数をsetTimeout内で機能させるには、関数を内部でラップする必要があります

function() { ... }

$('#selector').delay(5000).fadeOut('slow');

あなたが試すことができます ：

setTimeout(function() {
  $('#successMessage').fadeOut('fast');
}, 30000); // <-- time in milliseconds

これを使用した場合、30秒後にdivが非表示になります。これも試しましたが、うまくいきました。

divテキストが消えた後、再度表示する必要がある場合があることに注意してください。したがって、要素を空にして、ある時点で要素を再表示する必要があります。

これは、1行のコードで実行できます。

$('#element_id').empty().show().html(message).delay(3000).fadeOut(300);

jQueryを使用している場合は、少なくとも要素を自動非表示にしないために、setTimeoutは必要ありません。

runEffect関数でsetTimeoutを使用します。

function runEffect() {
    setTimeout(function(){
        var selectedEffect = 'blind';
        var options = {};
        $("#successMessage").hide(selectedEffect, options, 500)
     }, 5000);
}

私は、あなたは次のようなこともできると思います...

setTimeout(function(){
    $(".message-class").trigger("click");
}, 5000);

イベントクリックでアニメーション効果を実行します...

$(".message-class").click(function() {
    //your event-code
});

ご挨拶、

jQuery（ "。success_mgs"）。show（）; setTimeout（function（）{jQuery（ "。success_mgs"）。hide（）;}、5000）;

これは、クリック後のタイムアウトを設定する方法です。

$(".selectorOnWhichEventCapture").on('click', function() {
    setTimeout(function(){
        $(".selector").doWhateverYouWantToDo();
    }, 5000);
});

// 5000 = 5秒= 5000ミリ秒