原生js提示框并自动关闭怎么实现

原生 JavaScript 可以通过创建提示框并设置定时器来实现自动关闭的功能。在这个问题中，我们可以使用 h4 和 p 标签来创建页面的标题和段落，然后使用 JavaScript 来实现该功能。 首先，在页面中添加一个按钮，当用户点击按钮时，触发 JavaScript 代码来显示提示框。使用以下 HTML 代码创建按钮和提示框： ```html 点击弹出提示框 ``` 接下来，在 JavaScript 中编写函数 showAlert()，以显示提示框并设置在一定时间后自动关闭。在函数中，我们需要获取到提示框的对应元素，并将其显示出来。然后使用 setTimeout() 方法来设置一个定时器，在一定时间后自动执行关闭函数 hideAlert()。 ```html ``` 上述 JavaScript 代码中，在 showAlert() 函数中使用 setTimeout(hideAlert, 5000) 来设置了一个 5000 毫秒（5 秒）的定时器。在定时器触发后，会执行 hideAlert() 函数，将提示框隐藏起来。 至此，我们已经成功实现了原生 JavaScript 提示框并自动关闭的功能。用户点击按钮后，会弹出提示框，然后在 5 秒后自动关闭。 总结：通过使用原生 JavaScript，我们可以实现一个简单的提示框并设置定时器来自动关闭。首先，我们在 HTML 页面中创建了一个按钮和一个提示框的容器。然后在 JavaScript 中编写了两个函数，showAlert() 用来显示提示框并设置定时器，hideAlert() 用来隐藏提示框。通过设置定时器，我们可以在一定时间后自动关闭提示框。