防抖和节流

防抖的2种方式：

var num = 1;

let times;

先执行：

content.onmousemove = function (){

         let obj = times;

            clearTimeout(times);

         times = setTimeout(()=>{

        times = null;

         },1000)



         if(!obj){

      console.log(typeof !obj);

          content.innerHTML = num++;

  }

    };

后执行：

content.onmousemove = function (){

                    clearTimeout(times);

                     times = setTimeout(()=>{

                              content.innerHTML = num++;

                    },1000)

                   };

 节流的2种方式：

延时器 

var time;

                   content.onmousemove = function(){

                  if(!time){

                           time = setTimeout(()=>{

                                     time = null;

                                      content.innerHTML = num++;

                             },1000)

                   }

时间戳

                 

 var content = document.getElementById("content");

                   var num = 1;

                 var timeNew = 0;

                   content.onmousemove = function(){

                      var timeOld = Date.now();

                     if(timeOld-timeNew>1000){

                               timeNew = timeOld;

                              content.innerHTML = num++;

                      }

                  }