Js节流 - sl

节流

JS中节流函数的使用

<body>
	<button >sub</button>
	<script>
		
		const button1 = document.querySelector('button');

		function onBtn() {
            console.log('节流')
        }
		button1.onclick = throttle(onBtn,3000)
		function throttle(func, wait = 50) {
			// 上一次执行该函数的时间
			let lastTime = 0;
			return function (...args) {
				// 当前时间
				let now = +new Date();
				// 将当前时间和上一次执行函数时间对比
				// 如果差值大于设置的等待时间就执行函数
				if (now - lastTime > wait) {
					lastTime = now;
					func.apply(this, args);
				}
			};
		};



	</script>
</body>