/*实现如下图效果的功能: 1.页面开始启动运行时,弹窗一个窗口,如下图1。 2.如果不手动关闭弹窗窗口,5秒钟后,弹出窗口自动关闭。 3.如果手动关闭弹出窗口,5秒钟后,提示创建的窗口已经关闭,
时间: 2024-11-23 07:40:59 浏览: 9
【vue+echarts】绘制中国地图,3D地图,省、市、县三级下钻以及回钻,南海诸岛小窗化显示,点位飞线图,点位名称弹窗轮播
要在网页上实现您描述的效果,通常需要结合JavaScript和HTML。下面是一个简单的示例,展示如何使用`window.alert`函数来模拟弹窗,并设置定时器来实现自动关闭:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>弹窗示例</title>
<script>
function showAlert() {
// 弹窗显示信息
alert('欢迎使用本系统!请勿离开当前页面,5秒后将自动关闭...');
// 设置定时器,5秒后关闭弹窗
setTimeout(function() {
if (confirm('是否确定离开?')) { // 如果用户点击确认,则提示窗口已关闭
alert('创建的窗口已关闭。');
} else {
// 如果用户点击取消或等待超时,直接关闭
window.alert = function() {}; // 阻止进一步的alert
alert('窗口将在5秒后自动关闭...');
}
}, 5000);
}
// 页面加载完成后立即弹窗
window.onload = showAlert;
</script>
</head>
<body>
</body>
</html>
```
这个示例会在页面加载完成后弹出一个警告框。如果没有手动操作(如点击"确定"或等待5秒),它会自动关闭。如果用户点击了"确定",则会再次弹出确认消息,之后关闭。
阅读全文