Wie Sie die verbleibenden Tage des Jahres in Javascript berechnen
JavaScript hat viele Funktionen, die verwendet werden können, bestimmen, Termine, Termine zu ändern und Termine in clientseitigen Anwendungen verwenden. JavaScript hat ein Objekt bezeichnet eine "Date()" Objekt, eine Vielzahl von Funktionen und Methoden, die bieten Möglichkeiten zur Identifizierung von bestimmten Monaten, Jahre, Tage und Uhrzeiten, Datum und Uhrzeit-Werte zu manipulieren und addieren und Subtrahieren von Datums- und Zeitangaben. JavaScript-Datum und Uhrzeit können in Programmen wie Zeitgeber und Uhren auch speziell formatierte Ausgabe, geändert, um die relative Datumsangaben zu bieten, oder verwendet werden.
Anweisungen
1 Öffnen Sie einen Texteditor, und erstellen Sie eine HTML-Seite der Schale durch einige HTML-Tags eingeben. Enthalten ein "< html >" Tag, ein Tag "< >" Kopf", ein"< / Head >"Tag, ein"< > "body-Tag ein Tag"< / body >"und eine" < / html > "Tag. Benennen Sie die Datei calculateYearDays.html. Nach Schritt 1 wird wie calculateYearDays.html aussehen:
< html >
< Leiter >< / Kopf >
< Körper >< / body >
< / html >
2 Bearbeiten Sie die HTML-Seite und fügen Sie zwei JavaScript-Trennzeichen ("< Script >" und "< / script >") zwischen den HTML-Code "< Head >" und "< / head >" Markierungen. Geben Sie "< Script >"-Tag ein Attribut "Type" und legen Sie ihn auf "Text/Javascript". Die Type-Attribute zeigt, dass der Browser Text zwischen die Trennzeichen als JavaScript-Code interpretieren soll. Nach Schritt 2 wird wie calculateYearDays.html aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
< / script >
< / head >
< Körper >< / body >
< / html >
3 Platzieren Sie eine JavaScript-Funktion zwischen CalculateYearDays.html "< Script >" und "< / script >" Markierungen. Benennen Sie die Funktion "daysTillNY()" und geben Sie zwei geschweiften Klammern ("{" und "}"), der Platz für den Code enthalten, die verwendet wird, um die Tage bis Neujahr, oder die Anzahl der Tage im Jahr zu berechnen. Nach Schritt 3 wird calculateYearDays.html wie aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
}
< / script >
< / head >
< Körper >< / body >
< / html >
4 Erstellen Sie zwei Variablen mit dem Namen "NowDate" und "NyDate" und platzieren Sie die Variablen zwischen der "daysTillNY()"-Funktion öffnen und schließenden Sie geschweifte Klammern. Diese Variablen enthalten JavaScript "Datum"-Objekte, die Datum und Uhrzeit Methoden bereitstellen. Nach Schritt 4 wird calculateYearDays.html wie aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
}
< / script >
< / head >
< Körper >< / body >
< / html >
5 Erstellen Sie eine dritte Variable mit dem Namen "MiliDay", die Anzahl der Millisekunden in einem Tag zu halten. Der Variablenwert "MiliDay" werden zur (in Millisekunden) zurückgegebenen Daten konvertieren der Date() Objekt Methoden ganzen Tag-Werte. Nach Schritt 5 wird wie calculateYearDays.html aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
Var MiliDay = 1000 60 60 * 24;
}
< / script >
< / head >
< Körper >< / body >
< / html >
6 Verwenden Sie drei JavaScript Date() Objekt-Funktionen, um die Variable "NyDate" zum ersten Tag des neuen Jahres zu konvertieren. Verwenden Sie zuerst die setYear() und die getFullYear()-Methoden, um das Jahr einzustellen. Zweitens, mithilfe der Methode setMonth() fest im Monat. Verwenden Sie die Methode setDate() Drittens den Tag ein. Nach Schritt 6 wird calculateYearDays.html wie aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
Var MiliDay = 1000 60 60 * 24;
nyDate.setYear(nyDate.getFullYear() + 1);
nyDate.setMonth(0);
nyDate.setDate(1);
}
< / script >
< / head >
< Körper >< / body >
< / html >
7 Berechnen Sie des Unterschieds zwischen den Variablen "NowDate" und "NyDate", und verwenden Sie die Funktion "Math.abs". Speichern Sie das Ergebnis in eine Variable namens "DiffBetween". Die Math.abs-Funktion stellt sicher, dass der Wert zwischen NowDate und NyDate einen positiven Wert (Tage). Nach Schritt 7 wird calculateYearDays.html wie aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
Var MiliDay = 1000 60 60 * 24;
nyDate.setYear(nyDate.getFullYear() + 1);
nyDate.setMonth(0);
nyDate.setDate(1);
Var DiffBetween = Math.abs (NowDate - NyDate);
}
< / script >
< / head >
< Körper >< / body >
< / html >
8 Fügen Sie ein JavaScript "alert()" Konstrukt eine alert-Box mit dem Wert zwischen NowDate und NyDate ausgeben. Dieser Wert wird ein positiver Wert (Math.round) sein, der die Anzahl der Tage zwischen heute und dem ersten Tag des nächsten Jahres oder, mit anderen Worten, die Anzahl der Tage links im Jahr zeigt. Verketten Sie diesen Wert auf den Text "ist die Anzahl der Tage bis Neujahr". Nach Schritt 8 wird wie calculateYearDays.html aussehen:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
Var MiliDay = 1000 60 60 * 24;
nyDate.setYear(nyDate.getFullYear() + 1);
nyDate.setMonth(0);
nyDate.setDate(1);
Var DiffBetween = Math.abs (NowDate - NyDate);
Warnung ("ist die Anzahl der Tage bis Neujahr" + Math.round(diffBetween/miliDay));
}
< / script >
< / head >
< Körper >< / body >
< / html >
9 Fügen Sie eine HTML-Schaltfläche zwischen CalculateYearDay.html "< Body >" und "< / body >" Markierungen. Verwenden Sie ein JavaScript "OnClick" Ereignis, um die daysTillNY()-Funktion aufrufen. Beschriften Sie die Schaltfläche "Hier klicken", speichern und schließen Sie calculateYearDays.html. Nach Schritt 9 wird die calculateYearDays.html aussehen wie gezeigt:
< html >
< Head >
< Skript-Typ = "Text/Javascript" >
Funktion daysTillNY()
{
Var NowDate = new Date();
Var NyDate = new Date();
Var MiliDay = 1000 60 60 * 24;
nyDate.setYear(nyDate.getFullYear() + 1);
nyDate.setMonth(0);
nyDate.setDate(1);
Var DiffBetween = Math.abs (NowDate - NyDate);
Warnung ("ist die Anzahl der Tage bis Neujahr" + Math.round(diffBetween/miliDay));
}
< / script >
< / head >
< Körper >
< onclick="javascript:daysTillNY() Taste" > hier < / Taste >
< / body >
< / html >
10 Öffnen Sie calculateYearDay.html in einem Webbrowser. Überprüfen Sie, ob die korrekte Anzahl der Tage in einer alert-Box angezeigt wird, wenn die "Hier klicken" gedrückt wird.
Tipps & Warnungen
- JavaScript-Date-Objekte sind nicht erforderlich, um das aktuelle Datum verwenden; Diese Objekte können mit übergebenen Datumswerten initialisiert werden.
- JavaScript-Date-Objekten finden Sie in der Zeit (in Millisekunden) zwischen jetzt und 1. Januar 1970 (Epoche), hat mit einem Tag mit 86,400,000 Millisekunden.
- JavaScript-Termine können in lokale Zeit oder Weltzeit festgelegt werden.
- GetYear() JavaScript-Methode möglicherweise unerwartete Ergebnisse zurück. Verwenden Sie die getFullYear()-Methode, um ein einheitlich formatierte vierstellige Jahreszahl abzurufen.