定时器

作者: akubaba | 来源:发表于2017-11-20 13:45 被阅读23次

2017.12.21学习总结
javascript笔记6
定时器弹框、定时器基本用法、定时器动画、时钟
无标题文章
定时器
第十三节 JavaScript 定时器单线程
定时器 - OC
定时器类型转换封闭函数
STM32--------定时器
定时器

一、设置定时器(setInterval)、清除定时器(clearInterval)

参数1：接受一个字符串，这个字符串是js代码，还可以接受一个函数对象。
参数2：接受一个整数，单位是毫秒。
返回值:：打开的定时器的ID
如：
每隔参数2毫秒数执行参数1代码或函数:

window.setInterval("alert('aaa');", 3000); //3秒

var ID = window.setInterval(fun1, 3000);
function fun1(){
    alert('bbb');
}
//clearInterval ==>  清除定时器
window.clearInterval(ID);

实现秒表：

<body>
   <input type="text" size="30" id="timing">
   <input type="button" id="two" value="开始" onclick="fun1()">
   <input type="button" id="end" value="结束" onclick="fun2()">
   <script>
      var id;
      function fun1() {
          setTime();
          if(!id){//防止产生多个定时器
                id=window.setInterval(setTime,1000);
         }
        }
        function fun2() {
         window.clearInterval(id);
         id=undefined;
        }
        function setTime() {
            //1、获得当前时间
            var now=new Date();
         var res=now.toLocaleString();
            //2、交给文本输入框显示
         var timing=document.getElementById('timing');
         timing.value=res;
        }
   </script>
</body>

二、设置定时器(setTimeout)、清除定时器(clearTimeout).

参数1：接受一个字符串，这个字符串是js代码。还可以接受一个函数对象。
参数2：接受一个整数，单位是毫秒。
返回值: 打开的定时器的ID
参数2毫秒后执行参数1代码或函数。(只执行一次)

var id;
function fun1() {
    if(id){
              fun2();
   }
    setTime();
    id=setTimeout(fun1,1000);
      }
      function fun2() {
   window.clearTimeout(id);
   id=undefined;
      }