📌  相关文章
📜  引导警报自动关闭 - Javascript (1)

📅  最后修改于: 2023-12-03 15:09:49.938000             🧑  作者: Mango

引导警报自动关闭 - Javascript

在网站中经常需要使用警报来向用户提示信息，但是有些时候用户可能会忘记关闭警报，导致界面不够干净整洁。因此，我们可以使用Javascript来让警报自动关闭。

下面给出一个简单的示例代码：

function showAlert() {
  var alertBox = document.createElement('div');
  alertBox.setAttribute('class', 'alert');
  alertBox.innerHTML = '这是一个警报！';
  document.body.appendChild(alertBox);

  setTimeout(function() {
    alertBox.parentNode.removeChild(alertBox);
  }, 5000);
}

showAlert();

以上代码会创建一个包含警报信息的<div>元素，并将其添加到页面的<body>中。然后通过setTimeout()函数来设置5秒钟后将该元素从DOM中移除。

需要注意的是，上述代码只是一个简单的示例，开发者可以根据自己的需要进行改进。

总结

通过上述代码，我们可以让警报自动关闭，保持页面整洁，提高用户体验。