当前位置:  开发笔记 > 编程语言 > 正文

5秒后jQuery自动隐藏元素

如何解决《5秒后jQuery自动隐藏元素》经验,为你挑选了3个好方法。

是否可以在使用jQuery加载表单后5秒自动隐藏网页中的元素?

基本上,我有

Project saved successfully!

我想在5秒后消失.我已经看过jQuery UI和隐藏效果,但是我有点麻烦让它以我想要的方式工作.


我想删除click函数并添加一个在5秒后调用runEffect()的超时方法.

很多格拉西亚斯!



1> 小智..:
$('#selector').delay(5000).fadeOut('slow');


请注意,此解决方案会破坏$('html').click(function(){//在$("#selector")外单击.fadeOut();});

2> Konstantin T..:
$(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);
});

注意:为了让你在setTimeout中使用jQuery函数,你应该将它包装在里面

function() { ... }



3> sweety..:

你可以试试 :

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

如果你使用了这个,那么你的div将在30秒后隐藏.我也试过这个,它对我有效.

推荐阅读
kikokikolove
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有