En simpel JavaScript-nedtælling

• Kan 7, 2024

Jeg ville have en simpel JavaScript-nedtællingstimer, som jeg kunne lægge i en Blogger-widgetboks eller bruge i sammenhæng på en webside. Til at begynde med antog jeg, at jeg let kunne finde nøjagtigt, hvad jeg ledte efter med en hurtig websøgning. Imidlertid var alle tællere, jeg fandt, meget mere komplicerede end hvad jeg ledte efter. Jeg ville ikke tælle ned til sidste sekund, jeg var ligeglad med dage. Så jeg besluttede at skrive min egen.

Følgende kode er konfigureret til at tælle dage indtil (eller fra) 8. august 2008. Fordi 8 er et lykkebringende antal i kinesisk kultur, blev denne dag valgt til åbningsceremonierne for Sommer-OL 2008 i Beijing.


var millisecs_per_day = 86400000
// sæt nedtællingstid i millisekunder
// sæt den ønskede dag som argumenter til Date.UTC
// i rækkefølgen:
// år, måned (husk at januar er 0), dag i måneden, modregnet fra GMT
// BEMÆRK: vi bruger forskydningen, fordi det repræsenterer midnat
// (begyndelsen af ​​dagen) i en bestemt tidszone
var countdown_time = Dato.UTC (2008,7,8, -8);
// få den aktuelle tid og konverter til millisekunder
var nu = ny dato ();
var now_millisecs = now.valueOf ();

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

// Vis antallet af dage tilbage (eller siden)
hvis (dag_cnt> 1)
{
// flere dage at gå
document.write (day_cnt + "dage skal gå")
}
ellers hvis (day_cnt == 1)
{
// en dag at 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")
}
andet
{
// for flere dage siden
document.write (day_cnt + "dage siden")
}


Du kan downloade denne kode eller se den i handling her. Hvis du vil bruge denne kode i dine egne projekter, skal du kopiere og indsætte den på din webside (eller en Blogger HTML / JavaScript-widgetboks, som vist på billedet ovenfor). Ændre datoen i henhold til instruktionerne i kommentarerne - hvis dette er forvirrende , kan du finde min artikel om Introduktion til UTC-datoer nyttigt.

Video Instruktioner: Simple Countdown Timer with JavaScript - Day 21 (Kan 2024).