You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 lines
1.0 KiB
34 lines
1.0 KiB
1 year ago
|
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
|