当前位置：首页 > ops >正文

定时器（两种）

ops 2025/8/27 10:23:35

第一个方法：setTimeout（func,[delay,param1......]）执行一次

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="button" value="停止" onclick="">
<script>//定时器：指定的时间间隔去调用指定的函数function fnshow(name,age){alert(name+age+'今天星期二');}//1.setTimeout(定时器要执行的函数，时间间隔，参数)//调用一次(创建定时器，事件为了停止，销毁)1000ms=1slet tid=setTimeout(fnshow,1000,'李四','12')//clearTimeout:销毁定时器//clearTimeout(tid);
</script></body>
</html>

刷新后，过1秒，只弹1次弹窗。

**情况1：消失

**情况2：出现

第二个方法：setInterval（func,[delay,param1......]）执行n次

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<input type="button" value="停止" onclick="fnstop()">
<script>//定时器：指定的时间间隔去调用指定的函数function fnshow(name,age){alert(name+age+'今天星期二');}//创建销毁i定时器的函数//##function fnstop(){//clearTimeout(tid) //1.clearTimeout(sid);  //2.}//1.setTimeout(定时器要执行的函数，时间间隔，参数)//调用一次(创建定时器，事件为了停止，销毁)1000ms=1slet tid=setTimeout(fnshow,1000,'李四','12')//clearTimeout:销毁定时器//##//clearTimeout(tid);//2.setInterval(定时器要执行的函数，时间间隔，参数)//重复调用要执行的指定函数：let sid=setInterval(fnshow,3000,'李四',12);
</script></body>
</html>