Hvordan regne ut resterende dagene i året i Javascript

July 7

Javascript har mange funksjoner som kan brukes til å bestemme dato, endre datoer og bruke datoer i klient-side applikasjoner. Javascript har et objekt som kalles en "Date ()" objekt som eksponerer et bredt utvalg av funksjoner og metoder som gir måter å identifisere spesifikke måneder, år, dager og tider, manipulere både dato og klokkeslett verdier og legge til og trekke datoer og klokkeslett. Javascript datoer og klokkeslett kan også være spesielt formatert i produksjonen, endret for å gi relative datoer, eller brukes i programmer som tidtakere og klokker.

Bruksanvisning

1 Åpne en teksteditor og lage et skall HTML-side ved å skrive noen HTML-koder. Inkluder en "<html>" tag, en "<head>" tag, et "</ head>" tag, en "<body>" tag, et "</ body>" tag, og en "</ html> " stikkord. Gi filen calculateYearDays.html. Etter trinn 1, vil calculateYearDays.html se ut som vist:

<Html>

</ Html>

2 Rediger HTML-siden og legg to Javascript skilletegn ( "<script>" og "</ script>") mellom HTML "<head>" og "</ head>" koder. Gi "<script>" tag en "type" attributt og sett den til "text / javascript". Type attributter indikerer at nettleseren skal tolke en tekst plassert mellom skilletegn som Javascript-kode. Etter trinn 2, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

</ Script>

</ Head>

</ Html>

3 Plasser en Javascript-funksjon mellom calculateYearDays.html er "<script>" og "</ script>" tags. Navn funksjonen "daysTillNY ()" og skriv to klammeparentes ( "{" og "}") for å holde stedet for koden som skal brukes til å beregne dager til New Years Day, eller antall dager som er igjen i år. Etter trinn 3, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon daysTillNY ()

{

}

</ Script>

</ Head>

</ Html>

4 Lag to variabler som heter "nowDate" og "nyDate" og plassere variablene mellom "daysTillNY ()" funksjonens åpne og lukke klammeparentes. Disse variablene inneholder Javascript "Date" objekter som gir dato og klokkeslett metoder. Etter trinn 4, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon daysTillNY ()

{

Var nowDate = new Date ();

Var nyDate = new Date ();

}

</ Script>

</ Head>

</ Html>

5 Lag en tredje variabel kalt "miliDay" for å holde antall millisekunder på en dag. Den "miliDay" variabel verdi vil bli brukt til å konvertere informasjon returnert (i millisekunder) fra Dato () objekt metoder til heldags verdier. Etter trinn 5, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon daysTillNY ()

{

Var nowDate = new Date ();

Var nyDate = new Date ();

Var miliDay = 1000

60 60 * 24;

}

</ Script>

</ Head>

</ Html>

6 Bruk tre Java Dato () objekt funksjoner for å konvertere "nyDate" variabel til den første dagen i det nye året. Først bruker du setYear () og getFullYear () metoder for å stille inn året. For det andre bruker setMonth () metode for å stille inn måneden. Tredje, bruker setDate () metode for å sette av dagen. Etter trinn 6, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon 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>

</ Html>

7 Beregn forskjellen mellom "nowDate" variable og "nyDate" variable og bruke "Math.abs" -funksjonen. Lagrer resultatet i en variabel som heter "diffBetween". Den Math.abs funksjonen sikrer at verdien mellom nowDate og nyDate er en positiv verdi (dager). Etter trinn 7, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon 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>

</ Html>

8 Legg til en Javascript "alert ()" konstruere å sende ut en varselboks med verdi mellom nowDate og nyDate. Denne verdien vil være en positiv verdi (Math.round) som viser antall dager mellom dag, og den første dagen av neste år, eller, med andre ord, antall dager igjen i året. Sette sammen denne verdien til teksten "Antall dager til nye år dagen er". Etter trinn 8, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon 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);

alert ( "Antall dager til nyttårs dag er" + Math.round (diffBetween / miliDay));

}

</ Script>

</ Head>

</ Html>

9 Legg en HTML-knappen mellom calculateYearDay.html menn "<body>" og "</ body>" koder. Bruk en Javascript "onclick" event å ringe daysTillNY () -funksjonen. Merk knappen "Klikk her", lagre og lukke calculateYearDays.html. Etter trinn 9, vil calculateYearDays.html se ut som vist:

<Html>

<Head>

funksjon 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);

alert ( "Antall dager til nyttårs dag er" + Math.round (diffBetween / miliDay));

}

</ Script>

</ Head>

<Body>

<-knappen Onclick = "javascript: daysTillNY ()"> Klikk her </ knapp>

</ Body>

</ Html>

10 Åpne calculateYearDay.html i en nettleser. Kontroller at riktig antall dager vises i en varselboks når "Klikk her" knappen trykkes.

Hint

Javascript dato objekter er ikke nødvendig å bruke gjeldende dato; disse objektene kan initialisert med bestått datoverdier.
Javascript dato objekter refererer til den tiden som har gått (i millisekunder) mellom nå og 1 januar 1970 (epoken), med en dag som inneholder 86,400,000 millisekunder.
Javascript datoer settes i lokal tid eller universell tid.
getYear () Javascript metoden kan returnere uventede resultater. Bruk getFullYear () metode for å hente en konsekvent formatert firesifret år.