在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()

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

Answer 3

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

Answer 4

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

重要live()方法已被棄用。使用.on()

Answer 5

使用內置的JavaScript中setTimeout()功能。一段時間後執行的函數，就沒有必要使用jQuery：

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

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

---

參考文獻：

• How JavaScript Timers Work - 約翰Resig的博客
• window.setTimeout - MDN

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); 
});