SetInterval in AngularJS
Dieser Artikel stellt setInterval() in AngularJS mit Beispielen vor.
das setInterval() in AngularJS
Während wir an einer großen produktiven Anwendung in Angular arbeiten, müssen wir Intervalle für bestimmte Aufgaben festlegen. Diese Tasks kümmern sich nach einem bestimmten Intervall automatisch um einige wichtige Daten.
Wenn wir beispielsweise ein Backup der gesamten Datenbank erstellen möchten, können wir die Intervallzeit auf 24 Stunden einstellen, sodass alle 24 Stunden ein Backup erstellt wird.
Wenn wir die neuesten Aktivitäten, Beiträge oder Benachrichtigungen in unserer Anwendung anzeigen möchten, können wir die Methode setInterval() in der AngularJS-Anwendung verwenden. Diese Methode übernimmt zwei Parameter.
Der erste Parameter ist die Funktion, die nach jedem Intervall ausgeführt wird. Der zweite Parameter ist die Zeit in Millisekunden.
Die Methode setInterval() ist eine Funktion, die das Intervall in Millisekunden angibt. Die Methode setInterval() wird weiter ausgeführt, wenn die Anwendung läuft.
Es gibt nur zwei Methoden, um die Methode setInterval() zu stoppen. Wir können die Anwendung schließen oder eine andere Methode, clearInterval(), verwenden, um die Methode setInterval() zu beenden.
Die Syntax der Methode setInterval() ist unten dargestellt.
newInterval = setInterval(function(), milliseconds);
Wenn wir die Ausführung stoppen wollen, müssen wir die Methode clearinterval() verwenden. Die Syntax dieser Methode ist unten dargestellt.
clearInterval(newInterval);
Lassen Sie uns ein Beispiel durchgehen, in dem wir die aktuelle Zeit erhalten und die Methode setInterval() verwenden, um sie jede Sekunde zu aktualisieren. Der Code für dieses Beispiel ist unten dargestellt.
<!DOCTYPE html>
<html>
<body>
<p id="timer"></p>
<script>
setInterval(newTimer, 1000);
function newTimer() {
const newDate = new Date();
document.getElementById("timer").innerHTML = newDate.toLocaleTimeString();
}
</script>
</body>
</html>
Ausgabe:
Das obige Beispiel zeigt, dass die Zeit jede Sekunde aktualisiert wird. Wenn wir nun eine Option hinzufügen möchten, um die Zeit zu stoppen, wann immer wir wollen, können wir die Methode clearInterval() verwenden.
Lassen Sie uns das gleiche Beispiel durchgehen und eine Schaltfläche hinzufügen, um die Zeit oder die Methode setInterval() mit Hilfe der Methode clearInterval() zu stoppen, wie unten gezeigt.
<!DOCTYPE html>
<html>
<body>
<p id="timer"></p>
<button onclick="newStopFunc()">Stop Time By Clicking This Button</button>
<script>
const newInterval = setInterval(newTimer, 1000);
function newTimer() {
const newDate = new Date();
document.getElementById("timer").innerHTML = newDate.toLocaleTimeString();
}
function newStopFunc() {
clearInterval(newInterval);
}
</script>
</body>
</html>
Ausgabe:
Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.
LinkedIn