JavaScript geri sayım kodlamalarıyla internet üzerinde çok sık karşılaşılsa da, "Şu kadar süredir hizmet veriyoruz" "Sitemiz açılalı şu kadar süre oldu" gibi sabit bir başlangıç noktasından ileri doğru sayma mantığı ile hazırlanmış kodlamalar pek bulunmamaktadır. Bu yayında, JavaScript Count Up kodlaması hazırlayıp, mantığını açıklamaya çalışacağız.
Öncelikle script kodlaması içerisinde matematiksel eşitlikleri yazdıktan sonra, ileri doğru sayımın başlayacağı, başlangıç noktası olan tarihi tanımlıyoruz.
<script>
function upTime(e) {
now = new Date, e = new Date(e), difference = now - e, days = Math.floor(difference / 864e5 * 1), years = Math.floor(days / 365), years > 1 && (days -= 365 * years), hours = Math.floor(difference % 864e5 / 36e5 * 1), mins = Math.floor(difference % 864e5 % 36e5 / 6e4 * 1), secs = Math.floor(difference % 864e5 % 36e5 % 6e4 / 1e3 * 1), document.getElementById("years").firstChild.nodeValue = years, document.getElementById("days").firstChild.nodeValue = days, document.getElementById("hours").firstChild.nodeValue = hours, document.getElementById("minutes").firstChild.nodeValue = mins, document.getElementById("seconds").firstChild.nodeValue = secs, clearTimeout(upTime.to), upTime.to = setTimeout(function() {
upTime(e)
}, 1e3)
}
window.onload = function() {
upTime("MAY,17,2013,13:42:44")
};
</script>
Örnekte görüldüğü gibi ("MAY,17,2013,13:42:44") tarihi, Ay-Gün-Yıl-Saat-Dakika-Saniye formatında yazıyoruz. Kodlama dili İngilizce olduğu için ay adlarını yazarken, ayların İngilizce karşılığını veya İngilizce karşılığının ilk 3 harfini yazıyoruz. Ocak için JAN, Şubat için FEB, Mart için MAR, Nisan için APR, Mayıs için MAY, Haziran için JUN, Temmuz için JUL, Ağustos için AUG, Eylül için SEP, Ekim için OCT, Kasım için NOV ve Aralık için de DEC kısaltmasını kullanabilirsiniz.
Son olarak da, HTML kodlamasını hazırlıyoruz.
<p>Bu site kurulalı <a id="years">00</a> yıl <a id="days">00</a> gün <a id="hours">00</a> saat <a id="minutes">00</a> dakika <a id="seconds">00</a> saniye oldu.</p>
Önizleme
Bu site kurulalı 00 yıl 00 gün 00 saat 00 dakika 00 saniye oldu.
NOT: 17 Mayıs 2013 günü saat 13:42:44 'ten ileri doğru saymaktadır.