如何实现JavaScript/HTML页面自动循环弹出Alert弹窗？

没问题！我帮你搞定这个玩笑功能，完全匹配你的需求：页面加载0.5秒后弹出第一个弹窗，关掉它之后再过0.5秒自动弹出第二个。

你可以直接用下面的完整代码，保存成HTML文件打开就能用：

<!DOCTYPE html>
<html>
<body>
  <p>等着看惊喜吧！</p>
  <script>
    // 确保页面完全加载后再执行
    window.addEventListener('load', function() {
      // 延迟500毫秒（0.5秒）弹出第一个弹窗
      setTimeout(function() {
        alert("第一个玩笑弹窗😜");
        // 关闭第一个弹窗后，再延迟500毫秒弹出第二个
        setTimeout(function() {
          alert("第二个惊喜弹窗😂");
        }, 500);
      }, 500);
    });
  </script>
</body>
</html>

逻辑说明 #

• window.addEventListener('load')：保证页面所有资源加载完成后才触发代码，避免提前执行出问题
• 第一个setTimeout：延迟500毫秒（0.5秒）弹出第一个弹窗
• 因为alert()是同步阻塞的，只有用户关闭弹窗后，才会继续执行后面的代码，所以紧接着的第二个setTimeout会在关闭第一个弹窗后再延迟500毫秒弹出第二个弹窗

内容的提问来源于stack exchange，提问作者Some guy