Question

我希望此功能在4秒后自动运行，而不是在点击元素时触发代码。我怎样才能成功呢？

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

Answer 1

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

Answer 2

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

},4000);
});

Answer 3

在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 - John Resig博客
window.setTimeout - MDN

Answer 4

使用setTimeout()

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

Answer 5

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

不推荐使用live()方法。使用.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);
});

在jquery中的X秒后执行一个函数

6 个答案: