【JS求助】JS怎么计时自动触发

wr20060926 · 发表于 2020-6-3 23:02

本帖最后由 wr20060926 于 2020-6-4 21:51 编辑

JS点击某个按钮后，比如5秒后，再执行另一些代码？
谢谢！

WolfAvenue · 发表于 2020-6-3 23:18

setTimeout 这个函数就可以了，延时执行

随心的我 · 发表于 2020-6-3 23:18

定时器延时

老毛子smt · 发表于 2020-6-3 23:20

https://www.runoob.com/try/try.p ... sref_win_settimeout 看这个

woyun8 · 发表于 2020-6-4 00:00

顶上去让别人看

Takitooru · 发表于 2020-6-4 04:32

本帖最后由 Takitooru 于 2020-6-4 04:33 编辑

动态效果图

代码

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

<!DOCTYPE html>[/size][size=4]<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
<script type="text/javascript">
var i = 5;
var intervalid;
function test() {
intervalid = setInterval("fun()", 1000);
}
function fun() {
if (i == 0) {
document.getElementById("showtext").innerHTML = "<p>我是5秒后显示的text，测试完毕</p> ";
clearInterval(intervalid);
}
document.getElementById("showtime").innerHTML = "<p>你点击了按钮，开始倒计时， <span id='mes'>"+ i +"</span> 秒后！</p> ";
i--;
} 
    </script>
</head>
 
<body>

<div id="mainbox">
        <input type="button" value="按钮">
</div>
<div id="showtime"></div>
<div id="showtext"></div>
</body>
</html>

error3 · 发表于 2020-6-4 04:34

setTimeout(函数名,延时毫秒数);

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

[已解决] 【JS求助】JS怎么计时自动触发