不用确认的消息提示框
时间: 2023-11-02 16:06:18 浏览: 204
可以使用JavaScript中的`setTimeout()`函数和`remove()`方法来实现不用确认的消息提示框,如下所示:
```
// 创建一个div元素
var div = document.createElement("div");
div.innerHTML = "这是一个不用确认的消息提示框!";
div.style.position = "fixed";
div.style.top = "0";
div.style.left = "0";
div.style.width = "100%";
div.style.backgroundColor = "#f2f2f2";
div.style.color = "#333";
div.style.fontSize = "20px";
div.style.textAlign = "center";
div.style.padding = "20px";
div.style.zIndex = "9999";
// 添加div元素到body中
document.body.appendChild(div);
// 5秒后移除div元素
setTimeout(function() {
document.body.removeChild(div);
}, 5000);
```
当JavaScript执行到这段代码时,会在页面顶部显示一个div元素,内容为"这是一个不用确认的消息提示框!",背景颜色为灰色,字体颜色为黑色,字体大小为20px,居中显示,持续显示5秒后自动消失。你可以根据需要修改代码中的样式和显示时间。
阅读全文