HOME > > > >

throttle

_.throttle(function, wait, [options])

渡された関数の新しいスロットルバージョンを作成して返します。これは、繰り返し呼び出された場合、実際に元の関数を待機ミリ秒ごとに1回だけ呼び出します。 あなたが追いつくことができるよりも速く発生するレート制限イベントに役立ちます。

デフォルトでは、スロットルは最初に呼び出すとすぐに関数を実行し、待機期間中に何度も呼び出すと、その期間が終了するとすぐに関数を実行します。 リーディングエッジコールを無効にする場合は{leading:false}を渡し、トレーリングエッジでの実行を無効にする場合は渡します。 {末尾:false}。

function
function
wait
int
[options]
options

サンプル

実行結果

実行

Javascript

  1. debug1 = new Debug('#code1-dump');
  2.  
  3. document.getElementById('code1-execute').addEventListener('click', (e) => {
  4.     const throttled = _.throttle(() => {
  5.         debug1.dump(window.scrollY);
  6.     }, 1000);
  7.     window.addEventListener('scroll', throttled);
  8. });

HTML

  1. <span class="btn btn-execute" id="code1-execute">実行</span>
  2. <div id="code1-dump"></div>
参照サイト