节流和防抖

节流的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++;
		}
	 }

防抖的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)
		 };