javascript--setTimeout定时器
程序员文章站
2022-08-10 10:20:05
setTimeout（） 可以理解为 定时炸弹 >隔一段事件执行，并且只会执行一次 函数语法： setTimeout（参数1，参数2） 参数1：待执行的函数，可以在方法里面写匿名函数，也可以在外面写好函数，这里直接传入函数名 参数2：执行函数触发到执行的时间间隔，单位是毫秒 1s=1000ms 返回 ......
settimeout（） 可以理解为 定时炸弹 ---------------->隔一段事件执行，并且只会执行一次
函数语法：
settimeout（参数1，参数2）
参数1：待执行的函数，可以在方法里面写匿名函数，也可以在外面写好函数，这里直接传入函数名
参数2：执行函数触发到执行的时间间隔，单位是毫秒 1s=1000ms
返回值：整形数据，用来标识定时器。页面中很多个定时器，每个定时器都有自己的标识符
清除定时器的方法：
cleartimeout(参数3)
参数3：定时器的标识符
详细代码如下：
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>settimeout</title>
6 </head>
7
8 <body>
9 <!-- 两个按钮，一个“开始”，一个“取消” -->
10 <input type="button" id="btnstart" value="开始" />
11 <input type="button" id="btnend" value="取消" />
12
13 <!-- 插入js -->
14 <script>
15
16 var timeid;//存放定时器的标识
17 // 给"开始"按钮注册点击事件,在事件中插入一个定时器
18 var btnstart=document.getelementbyid('btnstart');
19 btnstart.onclick=function(){
20
21 //settimeout(参数1，参数2)
22 //参数1:要执行的函数,可以是匿名函数,也可以是已经定义好的函数
23 //参数2:待执行函数的执行间隔,单位是毫秒 1s=1000ms
24 //返回值:是一个整数,用以标识定时器,以后要关闭该定时器,就是通过该标识符找到该定时器
25 // settimeout(function(){
26 // console.log('要爆炸了');
27 // },2000);
28
29 //定时器要执行的函数
30 function fn(){
31 console.log('要爆炸了');
32 }
33 timeid=settimeout(fn,2000);
34 }
35
36 // 给"取消"按钮注册点击事件,在事件中取消定时器
37 var btnend=document.getelementbyid('btnend');
38 btnend.onclick=function(){
39 //通过定时器标识符取消定时器
40 cleartimeout(timeid);
41 }
42 </script>
43 </body>
44 </html>
上一篇： [js]一个获取页面ip的正则