求助一个【前端问题】，怎么让这个弹窗延迟几秒弹出

拨Q · 发表于 2022-5-14 12:51

本帖最后由拨Q 于 2022-5-14 12:58 编辑

请问怎么让这个弹窗延迟个随机秒数弹出，1~3秒之间，
这个代码咋粘贴不出来呢，我再试试：

[HTML] 纯文本查看 复制代码

<html>
                                <div class="comt-ctrl">
                                        <button class="comt-submit" type="submit" name="submit" id="submit" tabindex="5">按钮</button>
                                </div>
</html>

onclick="alert('垃圾清理成功...') 这个不知道为什么粘贴不出来

wan1330 · 发表于 2022-5-14 13:14

[Asm] 纯文本查看 复制代码

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <div class="comt-ctrl">
      <button
        class="comt-submit"
        type="submit"
        name="submit"
        id="submit"
        tabindex="5"
       
      >
        按钮
      </button>
    </div>
    <script>
      function demo() {
        setTimeout(function () {
          alert("垃圾清理成功");
        }, 1000 + Math.random() * 2000);
      }
    </script>
  </body>
</html>

wan1330 · 发表于 2022-5-14 13:15

wan1330 发表于 2022-5-14 13:14
[mw_shl_code=asm,true]

内联加一个onclick = 'demo()',不知道为啥没出来

7R903 · 发表于 2022-5-14 13:17

settimeout

含笑阁 · 发表于 2022-5-14 13:20

wan1330 发表于 2022-5-14 13:15
内联加一个onclick = 'demo()',不知道为啥没出来

大概是因为button的type是submit，点击后提交表单，页面刷新，onclick就执行不了了

拨Q · 发表于 2022-5-14 13:33

wan1330 发表于 2022-5-14 13:14
[mw_shl_code=asm,true]

不行啊，直接弹窗没有了，不知道啥毛病，大哥，可以写到一行里面吗

PHP中国专家 · 发表于 2022-5-14 14:04

提示: 作者被禁止或删除内容自动屏蔽

wan1330 · 发表于 2022-5-14 14:05

拨Q 发表于 2022-5-14 13:33
不行啊，直接弹窗没有了，不知道啥毛病，大哥，可以写到一行里面吗

我说了啊，复制我的html文件，你把这个句onclick = 'demo()'加入到tabindex="5"下面就行了，我放的代码没显示这句。

xiajin · 发表于 2022-5-14 18:52

写事件就用ajax提交憋

拨Q · 发表于 2022-5-14 20:14

xiajin 发表于 2022-5-14 18:52
写事件就用ajax提交憋

一看这就不是正经提交啊，为了逗你玩的，所以想做的逼真点，显得不那么敷衍

帐号		自动登录	找回密码
密码			注册[Register]

[求助] 求助一个【前端问题】，怎么让这个弹窗延迟几秒弹出

免费评分

点评

PHP中国专家 PHP中国专家当前离线好友阅读权限 0 听众最后登录 1970-1-1 头像被屏蔽	PHP中国专家发表于 2022-5-14 14:04 提示: 作者被禁止或删除内容自动屏蔽

	回复支持举报