jquery - jqueryでX秒後に関数を実行する

Question

要素をクリックしてコードをトリガーする代わりに、この関数を 4 秒後に自動的に実行したいと考えています。どうすればそれを可能にできますか？

$('a.close,form #okLogin, mask').live('click',function () {
    $('.login-popup').fadeOut(300);
    $('#mask').remove();
    return false;
});

Answer 1

$(function(){
setTimeout(function(){
$('.login-popup').fadeOut(300);
                $('#mask').remove();

},4000);
});

Answer 2

setTimeout(function () {
   $('.login-popup').fadeOut(300);
   $('#mask').remove();
}, 4000);

Answer 3

setTimeout()JavaScriptの組み込み関数を使用します。一定期間後に関数を実行するために、jQuery を使用する必要はありません。

setTimeout(function () {
    // your function goes here

    $('.login-popup').fadeOut(300);
    $('#mask').remove();
}, 4000); // this number is in milliseconds

---

参考文献:

• JavaScript タイマーのしくみ- John Resig のウェブログ
• window.setTimeout - MDN

Answer 4

setTimeout()を使用する

setTimeout(function(){
       $('.login-popup').fadeOut(300);
       $('#mask').remove();
 },4000);

Answer 5

setTimeout(function(){
    $('#okLogin').click();
}, 4000);

IMPORTANTlive()メソッドは非推奨です。使用する.on()

Answer 6

これを試して：

$('a.close,form #okLogin, mask').on('click', function () {
    $('.login-popup').fadeOut(300);
    $('#mask').remove();
    return false;
});

$(window).load(function () {
    setTimeout(function () {
        $('#okLogin').triggerHandler('click')
    }, 4000);
});