Verwenden Sie die setHours()-Methode in JavaScript
-
Verwenden Sie die
setHours()-Methode nur mit demHour-Parameter in JavaScript -
Verwenden Sie die
setHours()-Methode mit allen Parametern in JavaScript
Im Entwicklungsbereich müssen wir oft die Zeitzone ändern und Zeiten festlegen, die den Benutzern zugute kommen.
Die JavaScript-Methode setHours() impliziert, dass, wenn wir eine bestimmte Stunden-Zählung für die Methode festlegen, die Zeitzone entsprechend dieser Zahl (Stunde) zurückgesetzt wird, und hier ist ein weiterer zu berücksichtigender Aspekt die lokale Zeitzone.
Wir ändern die Zeit, indem wir einen Date()-Konstruktor aufrufen, der einen String verwendet, um die aktuelle Situation der Zeitzone zu identifizieren. Auch wenn wir keine Zeichenfolge bestehend aus Tag und Jahr übergeben, wird immer noch der aktuelle Stand basierend auf der lokalen Standardzeit erfasst.
Nun werden wir Beispiele untersuchen, indem wir uns die verschiedenen Möglichkeiten zur Implementierung der Methode setHours() ansehen. Lassen Sie uns graben!
Verwenden Sie die setHours()-Methode nur mit dem Hour-Parameter in JavaScript
Technisch gesehen greift die Instanziierung des Konstruktors Date() auf die neuesten Datums- und Uhrzeitdetails zu. Aber wenn wir die Stunde dieser bestimmten Instanz ändern möchten, können wir den Parameter für die setHours()-Methode setzen.
In diesem Zusammenhang wird jedes Mal, wenn das Konstruktorobjekt Date() instanziiert wird, nur die Stunde dieser Instanz als Parameter aktualisiert. Und die Sekunden und Minuten werden bei jedem Lauf aktualisiert.
Code-Auszug:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(7);
document.write(event);
</script>
</body>
</html>
Ausgang:
-method-with-only-hour-parameter.webp)
Wie zu sehen ist, wird der Parameter Stunde übernommen und der Rest, auch bekannt als Minuten, Sekunden, Tag, Monat und Jahr, wurde als Datum() definiert. Konstrukteur greift.
Verwenden Sie die setHours()-Methode mit allen Parametern in JavaScript
Wir ändern in diesem konkreten Fall den aktuellen Zeitrahmen mit der definierten Stunde, minute und Sekunde. Dies bedeutet, dass unabhängig von der Uhrzeit, zu der Date() abgerufen wird, die Zeitwerte geändert werden, wenn wir die Parameter festlegen, aber die Anzahl von Datum und Tag gemäß der lokalen Zeitzone festgelegt wird.
Damit wird angegeben, dass der zweite und dritte Parameter (minute und Sekunde) einen gültigen Bereich von 0-59 haben und die Stunde einen gültigen Bereich von 0-23 hat. Wie die Methode setHours() mit solchen Fällen umgeht, sehen wir uns auch im folgenden Beispiel an.
Code-Auszug:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script>
const event = new Date();
event.setHours(25, 42, 76);
document.write(event);
</script>
</body>
</html>
Ausgang:
-method.webp)
Hier ist der Stundenparameter der setHours()-Methode 25, was ausserhalb des definierten Bereichs liegt.
Es impliziert, dass es 25-24 ausführen wird, und somit wird auch der Tag beeinflusst und wird zum 14. Mai. Ebenso wird der zweite Teil durch 76-60 berechnet.
