Wie Sie die Stunden & Minuten in zwei Felder mit Javascript anzeigen

JavaScript bietet eine breite Palette von Funktionen zur Manipulation von Datums- und Uhrzeitangaben. Der Programmierer kann Methoden des Date-Objekts zugreifen, die den aktuellen Tag, Jahr, Monat, Timezone, genaue Uhrzeit und vieles mehr bieten. Die JavaScript-Methode getTime() gibt die aktuelle Uhrzeit zurück, aber das Ergebnis wird in Millisekunden angegeben. Die meisten Menschen lieber die Zeit in Stunden, Minuten und Sekunden angezeigt. Verwenden Sie die Date Objekt Methoden getHours() und getMinutes() der aktuellen Stunde und Minuten in separaten Variablen speichern, die als unterschiedliche Felder angezeigt werden können.

Anweisungen

1 Starten Sie die standard, nur-Text-Text-Editor-Anwendung, die auf Ihrem Computer verfügbar ist.

2 Geben Sie den folgenden Code in den Texteditor.

< html >

< Körper >

< Skriptsprache = "Javascript" >

Var Thedate = new Date();

Var hours=thedate.getHours();

Var minutes=thedate.getMinutes();

Document.Write ("Stundenfeld:" + Stunden);

Document.Write("");

Document.Write ("Minutenfeld:" + Minuten);

Document.Write("");

< / script >

< / body >

< / html >

3 Klicken Sie im Menü Datei. Wählen Sie die Option "Speichern". Speichern Sie unter die Datei namens "test.html."

4 Starten Sie den Webbrowser, der auf Ihrem Computer verfügbar ist. Klicken Sie auf den Menüpunkt "Datei", und wählen Sie "Datei öffnen."

5 Suchen Sie die Datei "test.html" gerade erstellt haben, wählen Sie ihn mit der Maus, dann klicken Sie auf "Öffnen".

Tipps & Warnungen

• JavaScript können Sie eigene Funktionen erstellen und diese später in anderen Skripts wiederverwenden. Erstellen Sie Ihre eigene HoursandMinutes()-Funktion, die nach diesem Beispiel:
• < html >
• < Head >
• < Skriptsprache = "Javascript" >
• Funktion HoursandMinutes()
• {
• Var Thedate = new Date();
• Var minutes=thedate.getMinutes();
• Var hours=thedate.getHours();
• if(hours>12)
• {Stunden = Stunden-12;}
• Document.Write ("die Zeit ist:"+ Minuten +"Minuten nach");
• Document.Write (Stunden + "Uhr!");
• }
• < / script >
• < / head >
• < Körper >
• < Eingang Typ = "Knopf" Value = "Holen Sie sich die Zeit!" onclick="HoursandMinutes()" / >
• < / body >
• < / html >
• JavaScript Date-Methodenergebnisse erfordern einige zusätzliche Formatierungen um Zeit in die üblichen Sache anzuzeigen. Zwei Minuten nach 15:00 wird normalerweise als 03:02 geschrieben. JavaScripts getMinutes() Methode gibt die richtige Informationen zurück, aber ohne die führende "0". Fügen Sie eine Routine für das Skript, das die Null hinzufügt, wenn die Anzahl der Minuten weniger als 10 ist. Beispiel:
• < Skriptsprache = "Javascript" >
• Var Thedate = new Date();
• Var minutes=thedate.getMinutes();
• Minuten = ("00" + minutes).slice(-2);
• Document.Write ("der Segment-Methode funktioniert! --Minutenfeld: "+ Minuten);
• < / script >