Manchmal muss die Gesamtzeit ermittelt werden, die für die Ausführung einer Operation in JavaScript aufgewendet wurde. Beispielsweise müssen wir die Gesamtzeit ermitteln, die Benutzer mit der Aktualisierung ihrer Profile verbringen.
Außerdem kann es andere ähnliche Anwendungsfälle geben, bei denen wir die Differenz zwischen einer bestimmten Zeit und der aktuellen Zeit und somit die insgesamt verstrichene Zeit ermitteln müssen. Hier lernen wir verschiedene Möglichkeiten kennen, die verstrichene Zeit in JavaScript zu ermitteln.
In JavaScript können wir den Objektkonstruktor Date() verwenden, um die aktuelle Uhrzeit abzurufen. Es gibt die Gesamtzahl der Millisekunden seit dem 1. Januar 1970 zurück.
Hier können wir die verstrichene Zeit zwischen zwei Daten ermitteln, indem wir die Differenz der gesamten Millisekunden zwischen den beiden Daten ermitteln.
Benutzer können den Objektkonstruktor Date() gemäß der folgenden Syntax verwenden, um die verstrichene Zeit in JavaScript zu ermitteln.
let startTime = new Date(); let endTime = new Date(); let timeElapsed = endTime - startTime;
In der obigen Syntax erhalten wir zunächst die Startzeit. Danach haben wir die Endzeit genommen. Um die verstrichene Zeit zu erhalten, nehmen wir die Differenz zwischen Start- und Endzeit.
Im folgenden Beispiel speichern wir die aktuelle Uhrzeit in der Variable startTime. Danach rufen wir die Funktion loopThrough() auf. Die Funktion führt die Schleife 6.00.000 Mal aus.
Nachdem die Funktionsausführung abgeschlossen ist, speichern wir die aktuelle Zeit in der Variablen endTime. Danach berechnen wir die Differenz zwischen endTime und startTime, um die Gesamtzeit zu erhalten, die für die Ausführung der Funktion aufgewendet wurde.
<html>
<body>
<h3> Using the <i> Date() object </i> to find the time elapsed in JavaScript </h3>
<div id="output"> </div>
<script>
let output = document.getElementById('output');
function loopThrough() {
for (i = 0; i < 600000; i++) {
//Do nothing
}
}
let startTime = new Date();
loopThrough();
let endTime = new Date();
let timeElapsed = endTime - startTime;
output.innerHTML += "Total time elapsed to loop through 600000 times: " + timeElapsed + " milliseconds.";
</script>
</body>
</html>
Das folgende Beispiel zeigt den Zeitunterschied zwischen einem bestimmten Datum und der aktuellen Uhrzeit. Danach rufen wir die Funktion formatDate() auf, um das Datum in das Tages-, Stunden-, Minuten- und Sekundenformat zu formatieren.
In der Funktion formatDate() erhalten wir den Zeitunterschied als Parameter zusammen mit der Gesamtzahl der Tage, Stunden, Minuten und Sekunden. In der Ausgabe kann der Benutzer die seit dem 31. Dezember 2019 verstrichene Gesamtzeit überprüfen.
<html>
<body>
<h3> Using the <i> Date() object </i> to find the time elapsed in JavaScript </h3>
<div id="output"></div>
<script>
let output = document.getElementById('output');
function formatDate(difference) {
//Arrange the difference of date in days, hours, minutes, and seconds format
let days = Math.floor(difference / (1000 * 60 * 60 * 24));
let hours = Math.floor((difference % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
let minutes = Math.floor((difference % (1000 * 60 * 60)) / (1000 * 60));
let seconds = Math.floor((difference % (1000 * 60)) / 1000);
output.innerHTML += "Total time elapsed is: " + days + " days " + hours + " hours " + minutes + " minutes " + seconds + " seconds.";
}
let start = new Date("December 31, 2020 23:59:59");
let end = new Date();
let difference = end - start;
formatDate(difference);
</script>
</body>
</html>
Die Methode console.Time() akzeptiert eine Bezeichnung als Parameter. Immer wenn wir die Methode console.time() mit einer bestimmten Bezeichnung aufrufen, beginnt sie mit dem Zählen der Zeit.
Die Methode console.timeEnd() verwendet dieselbe Bezeichnung, die wir als Methodenparameter console.time() übergeben haben, und gibt die seit dem Aufruf der Methode console.time() verstrichene Zeit aus.
Benutzer können die Funktion console.time() gemäß der folgenden Syntax verwenden, um die in JavaScript insgesamt verwendete Zeit zu ermitteln.
console.time(label); console.timeEnd(label);
In der obigen Syntax haben die Methoden console.time() und console.timeEnd() dieselbe Bezeichnung.
Im folgenden Beispiel führen wir zunächst die Methode console.time() aus und übergeben dabei das Tag „execution time“ als Parameter. Danach rufen wir die Schleife 1.00.000 Mal auf. Als Nächstes rufen wir die Methode console.timeEnd() mit derselben Bezeichnung auf, um die insgesamt verstrichene Zeit in der Konsole auszugeben.
// use the console.time() function to find the time elapsed
console.time('Execution time');
for (let i = 0; i < 100000; i++) {
// Iterating through the loop
}
console.timeEnd('Execution time');
Benutzer können die Methode Performance.now() verwenden, um die Gesamtzeit zu ermitteln, die für die Ausführung von JavaScript-Code aufgewendet wurde. Es gibt die verstrichene Zeit in Millisekunden zurück.
Benutzer können die Methode Performance.now() gemäß der folgenden Syntax verwenden, um die verstrichene Zeit in JavaScript zu ermitteln.
let startTime = performance.now(); let endTime = performance.now(); let timeElapsed = endTime - startTime;
Wir haben die Differenz zwischen Startzeit und Endzeit in der obigen Syntax berechnet.
Im folgenden Beispiel verwenden wir die Methode Performance.now(), wenn die Ausführung des JavaScript-Codes beginnt. Danach setzen wir die Zeit mit der Methode setTime() auf 1000 Millisekunden.
Sobald das Zeitlimit überschritten ist, wird die Rückruffunktion ausgeführt, die die Performance.now()-Methode erneut aufruft und die Differenz zwischen startTime und endTime ermittelt, um die Gesamtlaufzeit zu ermitteln.
<html>
<body>
<h3> Using the <i> performance.now() method </i> to find the time elapsed in JavaScript </h3>
<div id="output"></div>
<script>
let output = document.getElementById('output');
let startTime = performance.now();
setTimeout(function () {
let endTime = performance.now();
let timeElapsed = endTime - startTime;
output.innerHTML = 'Time elapsed: ' + timeElapsed + ' milliseconds';
}, 1000);
</script>
</body>
</html>
Der Benutzer hat drei Möglichkeiten kennengelernt, um die verstrichene Zeit in JavaScript zu finden. Die erste Möglichkeit besteht darin, ein Date()-Objekt zu verwenden. Die zweite Möglichkeit besteht darin, die Methoden console.time() und console.timeEnd() zu verwenden, wodurch die Uhrzeit immer in der Konsole ausgegeben wird. Die dritte Methode besteht darin, die Methode Performance.now() zu verwenden.
Das obige ist der detaillierte Inhalt vonFinden Sie die verstrichene Zeit in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Unterschied zwischen Löschen und Löschen
Welche Datentypen gibt es?
Warum ist mein Telefon nicht ausgeschaltet, aber wenn mich jemand anruft, werde ich aufgefordert, es auszuschalten?
So werden Sie auf TikTok ein enger Freund
So verwenden Sie Findbugs
was Python kann
Was ist der Unterschied zwischen GUID- und MBR-Formaten?
So lösen Sie ein Tastendruckereignis aus
