【JS求助】JS怎么计时自动触发
本帖最后由 wr20060926 于 2020-6-4 21:51 编辑JS点击某个按钮后,比如5秒后,再执行另一些代码?
谢谢! setTimeout 这个函数就可以了,延时执行 定时器延时 https://www.runoob.com/try/try.php?filename=tryjsref_win_settimeout 看这个 顶上去让别人看 本帖最后由 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>
setTimeout(函数名,延时毫秒数);
页:
[1]