jQuery 显示 5 秒然后隐藏

Question

我正在使用

.show

在成功提交表单后显示隐藏消息。

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

Answer 1

您可以在动画之前使用

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

Answer 2

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

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

Answer 3

就这么简单：

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

Answer 4

使用保存在 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>

Answer 5

sdsadasddsadsadasdsads dsdasdadsdasdassdadasd dsdasdadsdasdassdadasd 达斯达斯达斯达斯达斯达斯达斯 sdsadsadsadasdsdasdsad sdsadsadsadasdsdasdsad dsadsadasdasdsdasdsdasdsa