sxk2959143852 2024-08-27 01:17 采纳率: 50%
浏览 92
已结题

如何给网页加一个必须阅读几秒后才可以点击确定的公告弹窗

请问怎么样才可以给网页加一个必须要别人阅读几秒之后点击确定才可以继续操作的公告弹窗(如果点击取消将会退出网页)。

  • 写回答

40条回答 默认 最新

  • CSDN专家-sinJack 2024-08-27 15:10
    关注
    获得0.50元问题酬金

    script 标签中的内容加入到你页面中即可。

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>阅读公告</title>
<script>
function showAnnouncement() {
  // 显示公告并要求用户确认
  const result = confirm("请仔细阅读以下公告：\n\n公告内容...\n\n请在5秒后点击确定继续操作，否则将离开此页面。");
  if (!result) {
    // 如果用户点击取消，则重定向到其他页面或关闭窗口
    window.location.href = "http://www.baidu.com"; // 退出页面URL
  }
}

document.addEventListener("DOMContentLoaded", function() {
  // 在页面加载完成后延迟5秒显示公告
  setTimeout(showAnnouncement, 1000); // 5000毫秒 = 5秒
});
</script>
</head>
<body>
<h1>欢迎使用我们的服务</h1>
<p>这里是页面的主要内容...</p>
</body>
</html>
    评论

报告相同问题？

问题事件

  • 系统已结题 9月4日
  • 提问应符合社区要求 8月30日
  • 修改了问题 8月27日
  • 创建了问题 8月27日

悬赏问题

  • ¥15 如何在vue.config.js中读取到public文件夹下window.APP_CONFIG.API_BASE_URL的值
  • ¥50 浦育平台scratch图形化编程
  • ¥20 求这个的原理图 只要原理图
  • ¥15 vue2项目中，如何配置环境，可以在打完包之后修改请求的服务器地址
  • ¥20 微信的店铺小程序如何修改背景图
  • ¥15 UE5.1局部变量对蓝图不可见
  • ¥15 一共有五道问题关于整数幂的运算还有房间号码 还有网络密码的解答？(语言-python)
  • ¥20 sentry如何捕获上传Android ndk 崩溃
  • ¥15 在做logistic回归模型限制性立方条图时候，不能出完整图的困难
  • ¥15 G0系列单片机HAL库中景园gc9307液晶驱动芯片无法使用硬件SPI+DMA驱动，如何解决？