防抖的2种方式 节流的2种方式

防抖

1，  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++;

                //    }

                // };

后执行

2，  content.onmousemove = function (){

                //    clearTimeout(times);

                //    times = setTimeout(()=>{

                //            content.innerHTML = num++;

                //    },1000)

                // };   

节流

1， 

延时器

var time;

                // content.onmousemove = function(){

                //    if(!time){

                //            time = setTimeout(()=>{

                //                    time = null;

                //                    content.innerHTML = num++;

                //            },1000)

                //    }

//时间戳

           2 ，     // 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++;

                //    }

                // }