jquery自动隐藏元素5秒后

$(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

如果你用了这个,你的DIV会在30秒后隐藏。我也试过这个,它对我有用。

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

问候语,

这是单击后设置超时的方法。

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

//5000=5秒=5000毫秒

请注意,可能需要在DIV文本消失后再次显示它。 所以您还需要清空,然后在某个时刻重新显示元素。

您可以使用一行代码来完成此操作:

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

如果使用jquery,则不需要设置超时,至少不需要自动隐藏元素。