2_BOM_定时函数.html 1.5 KB

12345678910111213141516171819202122232425262728293031323334
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 定时函数
  11. // setTimeout 第一个参数是一个函数 第二个参数是一个时间 毫秒为单位
  12. // setTimeout 还是 alert 都是BOM中的方法 都是以window开头的 但是我们可以省略window
  13. // setTimeout 会返回一个定时器的ID 可以通过这个ID来取消定时器
  14. // setTimeout(function(){
  15. // alert("定时器到点了");
  16. // },3000);
  17. // clearTimeout 用来取消一个通过setTimeout创建的定时器 需要传入一个定时器ID
  18. // setInterval 第一个参数是一个函数 第二个参数是一个时间 毫秒为单位
  19. // setInterval 会返回一个定时器的ID 可以通过这个ID来取消定时器
  20. var intervalId = setInterval(function(){
  21. console.log("每隔2秒打印一次");
  22. },2000);
  23. var intervalId2 = setInterval(function(){
  24. console.log("每隔2秒打印一次");
  25. },2000);
  26. // clearInterval 用来取消一个通过setInterval创建的定时器 需要传入一个定时器ID
  27. // 定时函数一旦被清除掉就无法再次启动了
  28. clearInterval(intervalId2);
  29. // setTimeout 和 setInterval 都是定时函数setTimeout只会执行一次 而setInterval会重复执行
  30. </script>
  31. </body>
  32. </html>