En enkel JavaScript-nedtelling

• Mars 31, 2023

Jeg ville ha en enkel JavaScript-nedtellingstimer som jeg kunne legge i en Blogger-widget-boks, eller bruke i sammenheng på en webside. Til å begynne med antok jeg at jeg lett kunne finne akkurat det jeg lette etter med et raskt websøk. Imidlertid var alle tellere jeg fant mye mer kompliserte enn det jeg lette etter. Jeg ville ikke telle ned til siste sekund, jeg brydde meg bare om dager. Så jeg bestemte meg for å skrive min egen.

Følgende kode er konfigurert til å telle dager til (eller fra) 8. august 2008. Fordi 8 er et lykkelig antall i kinesisk kultur, ble denne dagen valgt til åpningsseremoniene for sommer-OL 2008 i Beijing.


var millisecs_per_day = 86400000
// angi nedtellingstid i millisekunder
// sett ønsket dag som argumenter til Date.UTC
// i rekkefølgen:
// år, måned (husk at januar er 0), dagen i måneden, forskjøvet fra GMT
// MERKNAD: vi bruker forskyvningen fordi det representerer midnatt
// (begynnelsen av dagen) i en spesifikk tidssone
var countdown_time = Date.UTC (2008,7,8, -8);
// få gjeldende tid og konvertere til millisekunder
var nå = ny dato ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((countdown_time - now_millisecs) / 86400000)

// vis antall dager igjen (eller siden)
if (day_cnt> 1)
{
// flere dager å gå
document.write (day_cnt + "dager til å gå")
}
ellers hvis (day_cnt == 1)
{
// en dag å gå
document.write (day_cnt + "day to go")
}
ellers hvis (day_cnt == 0)
{
// det er i dag
document.write ("i dag")
}
ellers hvis (day_cnt == -1)
{
// for en dag siden
document.write (day_cnt + "day ago")
}
ellers
{
// for flere dager siden
document.write (day_cnt + "dager siden")
}


Du kan laste ned denne koden eller se den i aksjon her. For å bruke denne koden i dine egne prosjekter, kopier og lim den inn på websiden din (eller en Blogger HTML / JavaScript widget-boks, som vist på bildet over.) Endre datoen i henhold til instruksjonene i kommentarene - hvis dette er forvirrende , kan du synes artikkelen min om Introduksjon til UTC-datoer er nyttig.

Video Instruksjoner: Coding Challenge #88: Snowfall (Mars 2023).