Heim > Web-Frontend > js-Tutorial > Wie verwende ich „setInterval' und „clearInterval' effektiv in JavaScript?

Wie verwende ich „setInterval' und „clearInterval' effektiv in JavaScript?

Linda Hamilton
Freigeben: 2024-12-13 13:12:11
Original
772 Leute haben es durchsucht

How to Effectively Use `setInterval` and `clearInterval` in JavaScript?

setInterval und clearInterval effektiv verwenden

In JavaScript können Sie mit setInterval einen Timer einrichten, der in einem bestimmten Intervall wiederholt ausgelöst wird. Dies kann für Animationen oder andere Aufgaben nützlich sein, die eine Schleife erfordern. In manchen Fällen möchten Sie eine Funktion jedoch möglicherweise nur einmal und nicht kontinuierlich ausführen.

ClearInterval verwenden, um eine geplante Schleife zu unterbrechen

Wenn Sie dies eingerichtet haben Wenn Sie mit setInterval einen Timer verwenden, können Sie mit clearInterval verhindern, dass er ausgelöst wird. Dies ist nützlich, wenn Sie die Schleife vorzeitig beenden möchten:

var handle = setInterval(drawAll, 20);

// When you want to cancel it:
clearInterval(handle);
handle = 0; // Flag to indicate cleared interval
Nach dem Login kopieren

Das von setInterval zurückgegebene Handle ist normalerweise eine Zahl, die nicht gleich 0 ist. Daher bedeutet die Verwendung von 0 als Flag-Wert, dass kein Timer vorhanden ist ist gesetzt.

Planen eines einmaligen Funktionsaufrufs mit setTimeout

Anstatt zu verwenden setInterval für einmalige Funktionsaufrufe, erwägen Sie stattdessen die Verwendung von setTimeout:

setTimeout(drawAll, 20);
Nach dem Login kopieren

setTimeout plant eine Funktion so, dass sie einmal im angegebenen Zeitintervall ausgelöst wird. Es entsteht keine Schleife. Sie können bei Bedarf auch „clearTimeout“ verwenden, um den Timer abzubrechen, bevor er ausgelöst wird.

Das obige ist der detaillierte Inhalt vonWie verwende ich „setInterval' und „clearInterval' effektiv in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage