Egy egyszerű JavaScript visszaszámlálás

• Lehet 4, 2024

Szerettem egy egyszerű JavaScript visszaszámlálót, amelyet be tudnék helyezni a Blogger widget mezőbe, vagy egy weboldal összefüggésében használni. Kezdetben feltételeztem, hogy gyorsan megtalálom pontosan azt, amit kerestem egy gyors internetes kereséssel. Azonban az összes számláló, amelyet találtam, sokkal bonyolultabb volt, mint amit kerestem. Nem akartam visszaszámolni az utolsó pillanatra, csak napokig törődtem. Tehát úgy döntöttem, hogy saját írok.

Az alábbi kódot úgy kell beállítani, hogy számítson napokat 2008. augusztus 8-ig (vagy attól kezdve). Mivel a 8 kedvező szám a kínai kultúrában, ezt a napot választották a 2008-as pekingi nyári olimpia megnyitó ünnepségeire.


var millisecs_per_day = 86400000
// állítsa be a visszaszámlálási időt milliszekundumban
// érintse meg a kívánt napot argumentumként a Date.UTC számára
// az utasításban:
// év, hónap (ne feledje, hogy január 0), a hónap napja, eltolva a GMT-től
// MEGJEGYZÉS: az eltolást használjuk, mert ez éjfél
// (a nap eleje) egy meghatározott időzónában
var visszaszámlálási idő = Date.UTC (2008,7,8, -8);
// az aktuális idő beolvasása és konvertálása milliszekundumra
var most = új dátum ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((visszaszámlálás ideje - most_millisecs) / 86400000)

// jelenítse meg a hátralévő napok számát (vagy azóta)
if (nap_cnt> 1)
{
// több nap múlva
document.write (day_cnt + "menj napok")
}
egyébként ha (day_cnt == 1)
{
// egy nap elmegy
document.write (day_cnt + "menni a nap")
}
egyébként ha (day_cnt == 0)
{
// ma van
document.write ("ma")
}
egyébként ha (day_cnt == -1)
{
// egy nappal ezelőtt
document.write (day_cnt + "napja")
}
más
{
// több nappal ezelőtt
document.write (day_cnt + "napok")
}


Itt letöltheti ezt a kódot, vagy láthatja működésében. Ha ezt a kódot használja a saját projektjeiben, akkor másolja át és illessze be a weboldalára (vagy egy Blogger HTML / JavaScript widget mezőbe, a fenti képen látható módon.) Változtassa meg a dátumot a megjegyzésekben szereplő utasítások szerint - ha ez zavaró , hasznosnak találhatja az UTC-dátumok bevezetése című cikket.

Video Utasításokat: Countdown clock in JS using HTML & CSS | JavaScript Tutorials | Web Development Tutorials (Lehet 2024).