js alert自动消失

在JavaScript中，alert函数用于显示一个对话框，其中包含一条消息和一个“确定”按钮。通常情况下，用户必须点击“确定”按钮才能关闭这个对话框。然而，有时开发者可能希望alert对话框能够自动消失。虽然原生的alert函数不支持自动消失的功能，但我们可以通过一些变通的方法来实现这一效果。

实现方法

1. 使用自定义模态框： 创建一个自定义的模态框（modal），通过CSS和JavaScript控制其显示和隐藏。这样可以在一定时间后自动隐藏模态框。
2. 使用自定义模态框： 创建一个自定义的模态框（modal），通过CSS和JavaScript控制其显示和隐藏。这样可以在一定时间后自动隐藏模态框。

解释

1. HTML结构：
   • 创建一个包含消息内容的模态框。
   • 使用<div>元素来构建模态框的结构。

• CSS样式：
  • 设置模态框的样式，使其在页面上居中显示，并覆盖整个页面背景。
  • 设置模态框内容的样式，使其看起来像一个对话框。
• JavaScript功能：
  • autoDisappearingAlert函数接受两个参数：消息内容和持续时间。
  • 显示模态框，并在一定时间后自动隐藏。
  • 提供关闭按钮和点击模态框外部区域关闭模态框的功能。

应用场景

• 通知用户：在用户执行某些操作后，显示一条自动消失的通知消息。
• 提示信息：在页面加载或特定事件发生时，显示一条简短的提示信息。
• 广告或推广：在页面上显示一条自动消失的广告或推广信息。

通过这种方式，你可以实现一个自动消失的“alert”对话框，而不依赖于原生的alert函数。