JavaScriptでx秒間に呼び出されなかった場合に実行する

Question

何らかのイベントの結果として永久にコールバックが発生したとします。すなわち、誰かがマウスを動かす。

コールバックがx秒で発生していない場合は、クリーンアップアクションを実行したいと思います。すなわち、マウスを2秒以内に動かさなかった場合、発射する。

私はおそらくsetTimeoutで何かを修正することができたと思いますが、標準ライブラリにこれ用の関数があるのでしょうか？一種の「デッドマンズスイッチ」は、標準的な方法があればよくあるようです。そうでない場合、私は1つを作っている。誰でも？

Answer 1

デバウンスが助ける技術かもしれません。

本質的に、デバッグされたバージョンが呼び出される頻度に関係なく、ラップされた関数がいつ実行されるかを制御できるように関数をラップする方法です。

これは、ウィンドウのサイズ変更などのイベントで最も一般的に使用されます。その後、ユーザがを完了した後でのみ、ハンドラを実行することができます。ウィンドウのサイズを変更している間ではなく、ウィンドウのサイズを変更します。

スロットリングもありますが、これは似ていますが重要な違いがあります。

抑制機能は、n時間呼び出されなかった後に実行されるデバウンスバージョンではなく、n時間ごとに1回実行されます。

underscoreおよびlodashには、バウンスおよびスロットリングの実装があります。

しかし、それは達成するのはかなり簡単で、まだ使用されていなければ大きなライブラリは本当に必要ありません。

Answer 2

あなたはsetTimeoutについて正しい方向にいると思います。あなたの驚きごとに、私はそれを行うモジュールを認識していません。そして、このプロセスの侵害的性質のために、それは理にかなっています。

このカントーを行うことができます：

var yourmodule; //assuming you're using a module to store your app code; the object should obviously exist before continuing 
yourmodule.cleanupSequenceId = -1; 

function yourEventCallback() { 
    if (yourmodule.cleanupSequenceId !== -1) clearTimeout(yourmodule.cleanupSequenceId); 

    //function logic 

    //cleanup: 
    yourmodule.cleanupSequenceId = setTimeout(cleanupMethod, 2000); 
}