HTML - Uhrzeit - Text?

Hallo, ich will mithilfe von HTML und JavaScript eine kleine Anwendung programmieren.

Die Anwendung soll die Uhrzeit abfragen. Zwischen 6 bis 11:59 Uhr soll der Text „Guten Morgen“ angezeigt werden.

Zwischen 12 und 17:59 Uhr soll der Text „Guten Tag“ angezeigt werden.

Zwischen 18 Uhr und 5:59 Uhr soll der Text „Schönen Abend noch/Schlaf gut“ angezeigt werden.

Der Text, der angezeigt werden soll, ist also von der Uhrzeit abhängig.

wie kann man das mit html und JavaScript machen?

Answer 1

[SamanthaI]

Um die aktuelle Uhrzeit zu bekommen:

const date = new Date();

const hours = a.getHours();

const minutes = a.getMinutes();

const seconds = a.getSeconds();

Das mit dem Text kann man dann mit if Abfragen und größer oder kleiner umsetzen.

Und wenn sich das auch aktualisieren soll, ohne die Seite zu aktualisieren, kann man setInterval nutzen. Hier ein Beispiel:

var i=0;

var interval = 3000;

var timer = setInterval(number, interval);

function number() {

console.log(i);

i++;

}

Quelle des Beispiels: https://www.computerbase.de/forum/threads/mit-schleife-alle-zwei-sekunden-aufrufen.1816048/

Answer 2

[benutzer120394]

var datum = new Date(); //schreibt das Datum in die variable datum
//Um die einzelnen Komponenten des Datums zu bekommen, verwende:
datum.getMonth();
datum.getFullYear();
datum.getDate();
datum.getDay();

// Uhrzeit:
datum.getHours(); 
datum.getMinutes();
datum.getTime();

Mit if abfragen kannst du dann die Aufgabe lösen