使用 jQuery 显示 5 秒 - JavaScript

在 web 开发中，经常需要在页面中显示消息或提示。而经典的 JavaScript alert() 函数会阻塞浏览器，使得用户无法操作页面，因此不太适合在实际项目中使用。而 jQuery 提供的 show() 和 hide() 函数则可以在不阻塞用户操作的情况下，显示和隐藏页面元素。

使用 jQuery 的 show() 函数

show() 函数可以让任何一个被选中的元素显示出来。在它的圆括号中，可以传入一个参数用于设置过渡效果的速度（毫秒），例如：

$(document).ready(function(){
  $("#alert-message").show(500);
});

上面的代码会将 id 为 alert-message 的元素显示出来，并设置过渡效果的速度为 500 毫秒。

添加延时效果

通常情况下，我们会想要在一段时间后，自动隐藏提示消息，以不打扰用户的浏览体验。这时，可以使用 JavaScript 的 setTimeout 函数。例如：

$(document).ready(function(){
  $("#alert-message").show(500);
  setTimeout(function(){
    $("#alert-message").fadeOut(500);
  }, 5000);
});

上面的代码中，首先使用 show() 函数显示了消息提示框，并设置过渡效果的速度为 500 毫秒。接着，使用 setTimeout 函数，在 5000 毫秒之后（即 5 秒之后），调用了 fadeOut() 函数，使得消息提示框慢慢消失。注意其中的参数也设置为 500 毫秒，使得消息框消失时也有一个过渡效果。

返回的 Markdown 格式

# 使用 jQuery 显示 5 秒 - JavaScript

在 web 开发中，经常需要在页面中显示消息或提示。而经典的 JavaScript `alert()` 函数会阻塞浏览器，使得用户无法操作页面，因此不太适合在实际项目中使用。而 jQuery 提供的 `show()` 和 `hide()` 函数则可以在不阻塞用户操作的情况下，显示和隐藏页面元素。

## 使用 jQuery 的 show() 函数

`show()` 函数可以让任何一个被选中的元素显示出来。在它的圆括号中，可以传入一个参数用于设置过渡效果的速度（毫秒），例如：

```js
$(document).ready(function(){
  $("#alert-message").show(500);
});

上面的代码会将 id 为 alert-message 的元素显示出来，并设置过渡效果的速度为 500 毫秒。

添加延时效果

通常情况下，我们会想要在一段时间后，自动隐藏提示消息，以不打扰用户的浏览体验。这时，可以使用 JavaScript 的 setTimeout 函数。例如：

$(document).ready(function(){
  $("#alert-message").show(500);
  setTimeout(function(){
    $("#alert-message").fadeOut(500);
  }, 5000);
});

上面的代码中，首先使用 show() 函数显示了消息提示框，并设置过渡效果的速度为 500 毫秒。接着，使用 setTimeout 函数，在 5000 毫秒之后（即 5 秒之后），调用了 fadeOut() 函数，使得消息提示框慢慢消失。注意其中的参数也设置为 500 毫秒，使得消息框消失时也有一个过渡效果。