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

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

本帖最后由 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.php?filename=tryjsref_win_settimeout 看这个

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

顶上去让别人看

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

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

动态效果图

代码
<!DOCTYPE html><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(函数名,延时毫秒数);
页: [1]
查看完整版本: 【JS求助】JS怎么计时自动触发