定时器及其清除
程序员文章站
2023-02-04 23:18:41
倒计时定时器 、 循环定时器 及定时器的清除 1 2
3 4 ......
倒计时定时器 、 循环定时器 及定时器的清除
1 <body>
2 <div>
3 <input type="button" onclick="yi()" value="启动倒计时定时器">
4 <input type="button" onclick="er()" value="启动循环定时器">
5 <input type="button" onclick="san()" value="清除定时器">
6 </div>
7 </body>
8 </html>
9 <script src="jquery-1.8.1.min.js"></script>
10 <script>
11 var er
12 // 倒计时定时器
13 function yi(){
14 settimeout(function(){
15 console.log("这是倒计时定时器")
16 },3000)
17 }
18
19 //循环定时器
20 function er(){
21 er = setinterval(function(){
22 console.log("这是循环定时器")
23 },1000)
24 }
25 // 清除定时器
26 function san(){
27 clearinterval(er)
28 }
29 </script>