当前位置：文江博客话题详情

jQuery 显示 5 秒然后隐藏

发布于 2024-09-13 06:25:11 字数 68 浏览 12 评论 0原文

我使用 .show 在成功提交表单后显示隐藏消息。

如何让消息显示5秒然后隐藏？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

情话已封尘 2024-09-20 06:25:11

您可以在动画之前使用 .delay() ，如下所示

$("#myElem").show().delay(5000).fadeOut();

：它不是动画，直接使用 setTimeout() ，例如这是：

$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

您执行第二个操作是因为 .hide() 通常不会在没有持续时间的情况下出现在动画 (fx) 队列中，它只是一个即时效果。

或者，另一种选择是使用 .delay() 和 .queue() 自己，如下所示：

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});

You can use .delay() before an animation, like this:

$("#myElem").show().delay(5000).fadeOut();

If it's not an animation, use setTimeout() directly, like this:

$("#myElem").show();
setTimeout(function() { $("#myElem").hide(); }, 5000);

You do the second because .hide() wouldn't normally be on the animation (fx) queue without a duration, it's just an instant effect.

Or, another option is to use .delay() and .queue() yourself, like this:

$("#myElem").show().delay(5000).queue(function(n) {
  $(this).hide(); n();
});

回复收藏 0 原文

﹏半生如梦愿梦如真 2024-09-20 06:25:11

您可以使用以下效果来制作动画，您可以根据您的要求更改值

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');

You can use the below effect to animate, you can change the values as per your requirements

$("#myElem").fadeIn('slow').animate({opacity: 1.0}, 1500).effect("pulsate", { times: 2 }, 800).fadeOut('slow');

回复收藏 0 原文

穿越时光隧道 2024-09-20 06:25:11

就像这样简单：

$("#myElem").show("slow").delay(5000).hide("slow");

Just as simple as this:

$("#myElem").show("slow").delay(5000).hide("slow");

回复收藏 0 原文

软糖 2024-09-20 06:25:11

使用保存在 laravel 8 会话中的 ajax 显示 5 秒的错误消息

<div id="error">
    @php
        $error = Session::get('message');
        echo $error;
    @endphp
</div>
<script>
    $("#error").show();
    setTimeout(function() {
        $("#error").hide();
    }, 5000);
</script>

To show error message of 5 sec using ajax that is save in session in laravel 8

<div id="error">
    @php
        $error = Session::get('message');
        echo $error;
    @endphp
</div>
<script>
    $("#error").show();
    setTimeout(function() {
        $("#error").hide();
    }, 5000);
</script>

回复收藏 0 原文

~没有更多了~