jQuery reset setInterval-Timer

Sie müssen Ihre "Timer" -Variable in einem Bereich belassen, der beim nächsten Aufruf der myTimer-Funktion verfügbar ist, damit Sie das vorhandene Intervall löschen und es in einem neuen Intervall zurücksetzen können. Probieren Sie:

oder Sie könnten etwas in dieser Richtung tun:

und ausführen, wenn Sie müssen:

myTimer.set (); myTimer.reset ();

Sie könnten Ihre myTimer() Funktion wie folgt neu schreiben:

Jetzt, wenn Sie myTimer() aufrufen, wird setInterval zurückgesetzt.

Löschen Sie den Timer jedes Mal, wenn er initialisiert ist. Sie müssen lediglich die Funktion erneut aufrufen, um den Timer zurückzusetzen:

FIDDLE

Hier ist ein Ansatz, der besser mit der Art und Weise übereinstimmt, wie JS entworfen wurde (als eine funktionale Sprache für diejenigen, die es noch nicht wissen). Statt sich auf eine globale Variable zu verlassen, verwenden Sie eine Schließung:

Nun gebe ich zu, dass das ziemlich chaotisch ist (und ungetestet), aber dieses Reset-Ereignis ist nur dann verfügbar, wenn es notwendig ist, und Sie verwenden keine Globals. Aber entscheidend ist, wo JS 'Kraft liegt: Funktioniert als Objekte der 1. Klasse, übergibt sie als Argumente und gibt Werte zurück ... geh einfach funktionswahnsinnig:)

Ich habe auch eine funktionierende Fiddle eingerichtet

Sie können auch ein jQuery-Timer-Plugin verwenden, dann müssen Sie die Variable nicht weitergeben.

Plugin: Ссылка

Beispiel für das Plugin: Ссылка