定时器

Posted 2021-01-15 mrzhujl

定时器：

setTimeout   setInterval    clearTimeout    clearInterval

语法：
   setTimeout(function(){},延迟时间,第一函数的参数)
        三个参数:
            第一个:
               callback(钩子函数)，当某个“事件”（某个条件成立触发的函数）
            第二个:
               延迟的时间  按毫秒计算，1秒=1000毫
            第三个:
               钩子函数的实参
       
        指定时间，只触发一次函数

   setInterval(function(){},延迟时间,第一函数的参数)
        ......(同上）

　　　   每隔一段时间就执行一次代码，只要不关闭就不断执行

返回值:
   number类型的数字，这个数字（编号），每添加一个定时器就会加1
   这个返回值会一直在计算机中存储，就算关闭定时器也存储

关闭定时器:(clearInterval也能用)
   clearTimeout(定时器的编号);

小栗子：

 1     let arr = [‘张三‘, ‘李四‘, ‘王五‘, ‘赵六‘, ‘钱孙‘, ‘周吴‘, ‘郑王‘];
 2     let timer = null,num = 0,n=0;
 3     but1.onclick = function(){
 4         timer = setInterval(function(){
 5             p.innerhtml = arr[num];
 6             num ++;
 7 //            n++;
 8             num %= arr.length;
 9 //            if(n == 100){
10 //                clearInterval(timer);
11 //                p.innerHTML = arr[5];
12 //            }//内定中奖，作弊代码
13         },60);
14     };
15     but2.onclick = function(){
16         clearInterval(timer);
17         p.innerHTML = arr[5];
18     }