jquery如何实现五秒自动隐藏

这篇文章主要讲解了"jquery如何实现五秒自动隐藏"，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习"jquery如何实现五秒自动隐藏"吧！

两种方法：1、"setTimeout(function(){指定对象.hide();},5000);"语句，通过设置定时器来实现延迟效果。2、用"指定对象.delay(5000).fadeOut();"语句，通过延迟代码执行时间来实现效果。

本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。

jquery实现五秒自动隐藏

1、使用 setTimeout() 方法

• 使用setTimeout()方法设置5秒后执行function()方法

• 在function()方法内，使用hide()方法实现指定元素。

$(document).ready(function() {        $("button").click(function() {                setTimeout(function() {                        $("div").hide();                 }, 5000);        });});

说明：

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。

setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。

2、使用delay()设置五秒自动隐藏元素

delay() 方法对队列中的下一项的执行设置延迟。

                                                                                                        

                5秒隐藏div元素        

感谢各位的阅读，以上就是"jquery如何实现五秒自动隐藏"的内容了，经过本文的学习后，相信大家对jquery如何实现五秒自动隐藏这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是，小编将为大家推送更多相关知识点的文章，欢迎关注！