jQuery show for 5 seconds then hide
I'm using .show
to display a hidden message after a successful form submit.
How to display the 开发者_运维问答message for 5 seconds then hide?
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();
});
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');
Just as simple as this:
$("#myElem").show("slow").delay(5000).hide("slow");
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>
精彩评论