Basit Bir JavaScript Geri Sayımı

• Mayıs Ayı 17, 2024

Bir Blogger widget kutusuna koyabileceğim veya bir web sayfasında bağlamda kullanabileceğim basit bir JavaScript geri sayım sayacı istedim. Başlangıçta, hızlı bir web aramasıyla tam olarak aradığım şeyi kolayca bulabileceğimi varsaydım. Ancak, bulduğum tüm sayaçlar aradığımdan çok daha karmaşıktı. Son saniyeye geri saymak istemedim, sadece günleri umursadım. Ben de kendiminkini yazmaya karar verdim.

Aşağıdaki kod, 8 Ağustos 2008 tarihine kadar (veya bu tarihten itibaren) günleri sayacak şekilde yapılandırılmıştır. 8, Çin kültüründe hayırlı bir sayı olduğu için, bu gün Pekin'deki 2008 Yaz Olimpiyatları'nın açılış törenleri için seçildi.


var millisecs_per_day = 86400000
// geri sayım süresini milisaniye olarak ayarla
// istenen günü Date.UTC'ye bağımsız değişken olarak koy
// sırayla:
// yıl, ay (Ocak'ın 0 olduğunu unutmayın), ayın günü, GMT'den ofset
// NOT: Ofseti kullanıyoruz çünkü gece yarısını temsil ediyor
// (günün başında) belirli bir saat diliminde
var countdown_time = Tarih.UTC (2008,7,8, -8);
// geçerli saati al ve milisaniyeye dönüştür
şimdi var = yeni Tarih ();
var now_millisecs = now.valueOf ();

var day_cnt = Math.ceil ((geri sayım_zamanı - now_millisecs) / 86400000)

// kalan gün sayısını göster (veya bu yana)
eğer (day_cnt> 1)
{
// gitmek için birkaç gün
document.write (day_cnt + "gidilecek gün")
}
başka ise (day_cnt == 1)
{
// bir gün kaldı
document.write (day_cnt + "gitmek için gün")
}
başka ise (day_cnt == 0)
{
// o bugün
document.write ("bugün")
}
başka ise (day_cnt == -1)
{
// bir gün önce
document.write (day_cnt + "gün önce")
}
Başka
{
// birkaç gün önce
document.write (day_cnt + "gün önce")
}


Bu kodu indirebilir veya burada çalışırken görebilirsiniz. Bu kodu kendi projelerinizde kullanmak için, kopyalayıp web sayfanıza (veya yukarıdaki resimde gösterildiği gibi bir Blogger HTML / JavaScript widget kutusu) yapıştırın. Tarihi, yorumlardaki talimatlara göre değiştirin - eğer kafa karıştırıcıysa , UTC Tarihlerine Giriş hakkındaki makalemi yararlı bulabilirsiniz.

Video Talimatları: Javascript Tarih ve Saat İşlemleri (Mayıs Ayı 2024).