12345678910111213141516171819202122232425262728293031323334 |
- let timeoutArr = [];
- let flagArr = [];
- /**
- * 节流函数
- * 节流原理:在一定时间内,只能触发一次
- * @param {Function} fn 要执行的回调函数
- * @param {Number} time 延时的时间
- * @param {Boolean} isImmediate 是否立即执行
- * @param {String} timeoutName 定时器ID
- * @return null
- */
- function throttle(fn, time = 500, isImmediate = true, timeoutName = "default") {
- if(!timeoutArr[timeoutName]) timeoutArr[timeoutName] = null;
- if (isImmediate) {
- if (!flagArr[timeoutName]) {
- flagArr[timeoutName] = true;
- // 如果是立即执行,则在time毫秒内开始时执行
- if(typeof fn === 'function') fn();
- timeoutArr[timeoutName] = setTimeout(() => {
- flagArr[timeoutName] = false;
- }, time);
- }
- } else {
- if (!flagArr[timeoutName]) {
- flagArr[timeoutName] = true;
- // 如果是非立即执行,则在time毫秒内的结束处执行
- timeoutArr[timeoutName] = setTimeout(() => {
- flagArr[timeoutName] = false;
- if(typeof fn === 'function') fn();
- }, time);
- }
- }
- };
- export default throttle
|