JS计时事件及倒计时

• setInterval()和clearInterval()

1. setInterval()=>间隔指定的毫秒数不停的执行指定代码【循环执行】

   举个栗子      [每秒显示当前时间]

   var my =setInterval(

    function(){

               mytime()

    },1000)

   function mytime(){

                            var d=new Date();

                            var t=d.toLocaleTimeString();

   }

2. clearInterval()=>停止不停的执行的函数代码

    function mystop(){

            clearInterval(my)

       }

• setTimeout()和clearTimeout()

1. setTimeout()=>在指定毫秒数后执行指定代码
    

   举个栗子      [3秒后弹出我爱你]

   function  my(){

   var my=setTimeout(function(){

                        alert("我爱你")

   },3000);

   }

2. clearTimeout()=>停止执行指定的函数代码

     function mystop(){

           clearTimeout(my)

       }

     举个栗子      [60秒倒计时]

       const TIME_COUNT = 60;

      if (!this.timer) {                                                                         //不为空

        this.count = TIME_COUNT;                                                  //count为60

        this.timer = setInterval(() => {   //设置循环倒计时

          if (this.count > 0 && this.count <= TIME_COUNT) {          //判断count是否大于0且小于等于60

            this.count--;                                                                      //符合条件count减一

          } else {

            clearInterval(this.timer);                                                   //否则不满足条件则清除计时器

            this.timer = null;                                                               //值为空

          }

        }, 1000);

      }