jQuery 在 5 秒后自动隐藏元素

Question

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

基本上，我有

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

我想在 5 秒后消失。我查看了 jQuery UI 和隐藏效果，但我在让它按我想要的方式工作时遇到了一些麻烦。

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

                var selectedEffect = 'blind';

                var options = {};

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

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

我想删除点击功能并添加一个超时方法，该方法在 5 秒后调用 runEffect()。

Answer 1

$('#selector').delay(5000).fadeOut('slow');