En enkel JavaScript nedräkning

• Maj 6, 2024

Jag ville ha en enkel JavaScript-nedräkningstimer som jag kunde lägga i en Blogger-widgetruta eller använda i sammanhang på en webbsida. Till att börja med antog jag att jag lätt kunde hitta exakt det jag letade efter med en snabb webbsökning. Men alla räknare jag hittade var mycket mer komplicerade än vad jag letade efter. Jag ville inte räkna ner till sista sekunden, jag bryr mig bara om dagar. Så jag bestämde mig för att skriva mitt eget.

Följande kod är konfigurerad för att räkna dagar fram till (eller från) 8 augusti 2008. Eftersom 8 är ett lyckosamt antal i kinesisk kultur valdes denna dag till öppningsceremonin för sommar-olympiska spelen 2008 i Peking.


var millisecs_per_day = 86400000
// ställa in nedräkningstid i millisekunder
// sätta önskad dag som argument till Date.UTC
// i den ordning:
// år, månad (kom ihåg att januari är 0), månad i månad, kompenserad från GMT
// OBS: vi använder offset eftersom det representerar midnatt
// (början av dagen) i en specifik tidszon
var countdown_time = Date.UTC (2008,7,8, -8);
// få aktuell tid och konvertera till millisekunder
var nu = nytt datum ();
var now_millisecs = now.valueOf ();

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

// visa antalet dagar kvar (eller sedan)
if (day_cnt> 1)
{
// flera dagar att gå
document.write (day_cnt + "dagar att gå")
}
annars om (day_cnt == 1)
{
// en dag kvar
document.write (day_cnt + "day to go")
}
annars om (day_cnt == 0)
{
// det är i dag
document.write ("idag")
}
annat om (day_cnt == -1)
{
// För en dag sen
document.write (day_cnt + "day ago")
}
annan
{
// för flera dagar sedan
document.write (day_cnt + "dagar sedan")
}


Du kan ladda ner den här koden eller se den i aktion här. Om du vill använda den här koden i dina egna projekt, kopiera och klistra in den på din webbsida (eller en Blogger HTML / JavaScript-widgetruta, som visas på bilden ovan.) Ändra datumet enligt instruktionerna i kommentarerna - om detta är förvirrande , kanske du tycker min artikel om Introduktion till UTC-datum är användbar.

Video Instruktioner: How to use 12V Relay with LED Display Delay Timer module P1 to P4 (Maj 2024).