Proste odliczanie JavaScript
Blogger Widget BoxChciał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 (Sierpień 2020).