无涯教程网

5秒后jQuery自动隐藏元素

发布于03月26日

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

Basically, I've got

<div id="successMessage">Project saved successfully!</div>

我想在5秒钟后消失.我看过jQueryUI和隐藏效果，但在让它按我希望的方式工作时遇到了一些困难.

<script type="text/javascript">
        $(function() {
            function runEffect() {

                var selectedEffect = 'blind';

                var options = {};

                $("#successMessage").hide(selectedEffect, options, 500);
            };

            $("#successMessage").click(function() {
                runEffect();
                return false;
            });
        });
    </script>

I'd like the click function to be removed and add a timeout method that calls the runEffect() after 5 seconds.

推荐答案

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

Note: In order to make you jQuery function work inside setTimeout you should wrap it inside

function() { ... }

Jquery相关问答推荐

jQuery在localStorage时将类添加到正文

为什么在 jQuery 插件中返回 this.each(function())？

Bootstrap 的工具提示在悬停时将表格单元格向右移动一点

如何在 jquery 中包含！important

如何使用jQuery删除父元素

扩展 jQuery 插件的最佳方式

使用 jQuery 发送 JSON 数据

一次替换多个字符串

JQuery .hasClass 用于 if 语句中的多个值

通过 AJAX 和 jQuery 使用 HTML5 文件上传

jQuery：获取父母，父母ID？

页面重新加载后，如何使用 twitter bootstrap 保持当前选项卡处于活动状态？

为什么使用 jQuery on() 而不是 click()

jQuery DataTables：延迟搜索直到输入 3 个字符或单击按钮

jQuery 不会从 AJAX 查询中解析我的 JSON

与 C# HashSet 等效的 JavaScript 是什么？

jQuery - 确定输入元素是文本框还是 Select 列表

带有函数的 JavaScript 三元运算符示例

如何使用jQuery触发类更改事件？

如何让 jQuery 等到效果完成？

实用课程推荐

相关教程推荐