throttle.js 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. let timeoutArr = [];
  2. let flagArr = [];
  3. /**
  4. * 节流函数
  5. * 节流原理:在一定时间内,只能触发一次
  6. * @param {Function} fn 要执行的回调函数
  7. * @param {Number} time 延时的时间
  8. * @param {Boolean} isImmediate 是否立即执行
  9. * @param {String} timeoutName 定时器ID
  10. * @return null
  11. vk.pubfn.throttle(function() {
  12. }, 1000);
  13. */
  14. function throttle(fn, time = 500, isImmediate = true, timeoutName = "default") {
  15. if(!timeoutArr[timeoutName]) timeoutArr[timeoutName] = null;
  16. if (isImmediate) {
  17. if (!flagArr[timeoutName]) {
  18. flagArr[timeoutName] = true;
  19. // 如果是立即执行,则在time毫秒内开始时执行
  20. if(typeof fn === 'function') fn();
  21. timeoutArr[timeoutName] = setTimeout(() => {
  22. flagArr[timeoutName] = false;
  23. }, time);
  24. }
  25. } else {
  26. if (!flagArr[timeoutName]) {
  27. flagArr[timeoutName] = true;
  28. // 如果是非立即执行,则在time毫秒内的结束处执行
  29. timeoutArr[timeoutName] = setTimeout(() => {
  30. flagArr[timeoutName] = false;
  31. if(typeof fn === 'function') fn();
  32. }, time);
  33. }
  34. }
  35. };
  36. export default throttle