js---定时器

青旅半醒 2021-11-10 14:50 364阅读 0赞 
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <title></title>
  6.         <script>
  7.             //window 对象是一个最顶层对象
  8.             //window.setInterval("alert('123');",2000);//每个两秒弹出一次消息框
  11.             function test(){
  12.                 console.log("setINterval 调用了");
  13.             }
  14.             setInterval("test()",2000);
  15.             //如上实现一个函数的循环调用
  18.             //setTimeout("test()",2000);//2000ms执行一次之后就不在执行。不具备setInterval的循环功能。
  20.             var timerID;
  21.             function start()
  22.             {
  23.                 timerID=setInterval("test()",2000);
  24.             }
  26.             function stop()
  27.             {
  28.                 clearInterval(timerID);//使用语法停止了计时器的运行
  29.             }
  30.         </script>
  31.     </head>
  32.     <body>
  33.         <input type="button" value="开启定时器" onclick="start()" />
  34.         <input type="button" value="停止定时器" onclick="stop()" />
  35.     </body>
  36. </html>

转载于:https://www.cnblogs.com/byczyz/p/11201030.html

发表评论

表情：
评论列表 （有 0 条评论，364人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js_定时器

    定时器 如：3秒之后执行某方法： var timeoutId = setTimeout(function()\{xxx\},3000); 或 function test

    清疚清疚/ 0 赞/ 258 阅读

    相关 JS定时器

    JS定时器 一、一次性定时器 二、间接触发定时器 调用定时器后默认会返回这个定时器的id，可以根据这个id来删除定时器 一、一次性定时器

    清疚清疚/ 0 赞/ 400 阅读