Proste odliczanie JavaScript

• Kwiecień 25, 2024

Chciałem prostego licznika JavaScript, który można umieścić w polu widżetu Blogger lub użyć w kontekście na stronie internetowej. Początkowo zakładałem, że dzięki szybkiemu wyszukiwaniu mogę łatwo znaleźć dokładnie to, czego szukałem. Jednak wszystkie znalezione przeze mnie liczniki były znacznie bardziej skomplikowane niż to, czego szukałem. Nie chciałem odliczać do ostatniej sekundy, po prostu zależało mi na dniach. Postanowiłem więc napisać własny.

Poniższy kod jest skonfigurowany do liczenia dni do (lub od) 8 sierpnia 2008. Ponieważ 8 to pomyślna liczba w chińskiej kulturze, ten dzień został wybrany na ceremonie otwarcia Letnich Igrzysk Olimpijskich 2008 w Pekinie.


var millisecs_per_day = 86400000
// ustaw czas odliczania w milisekundach
// umieść żądany dzień jako argumenty w Date.UTC
// w kolejności:
// rok, miesiąc (pamiętaj, że styczeń to 0), dzień miesiąca, przesunięcie względem GMT
// UWAGA: używamy przesunięcia, ponieważ reprezentuje ono północ
// (początek dnia) w określonej strefie czasowej
var countdown_time = Date.UTC (2008,7,8, -8);
// sprawdź aktualny czas i przelicz na milisekundy
var now = new Date ();
var now_millisecs = now.valueOf ();

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

// wyświetl liczbę pozostałych dni (lub od)
if (day_cnt> 1)
{
// wiele dni do końca
document.write (day_cnt + „days to go”)
}
w przeciwnym razie jeśli (day_cnt == 1)
{
// jeden dzień przed nami
document.write (day_cnt + „day to go”)
}
else if (day_cnt == 0)
{
// to dzisiaj
document.write („dzisiaj”)
}
w przeciwnym razie jeśli (day_cnt == -1)
{
// dzień temu
document.write (day_cnt + „dzień temu”)
}
jeszcze
{
// wiele dni temu
document.write (day_cnt + „dni temu”)
}


Możesz pobrać ten kod lub zobaczyć go w akcji tutaj. Aby użyć tego kodu we własnych projektach, skopiuj go i wklej na swojej stronie internetowej (lub w polu widgetu HTML / JavaScript Bloggera, jak pokazano na powyższym obrazku). Zmień datę zgodnie z instrukcjami w komentarzach - jeśli jest to mylące , może ci się przydać mój artykuł na temat wprowadzenia do dat UTC.

Instrukcje Wideo: [Kurs JS] Jak zrobić skrypt zegara i wstawić go na strone (Kwiecień 2024).