javascript geri sayım
Merhabalar gerisayım örnekler hep 2 tarih arasında benim yapmak istediğim
08:00/21:00 arasın da ki süreyi geri geri saydırmak bunu nasıl yapabilirim
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (4)
countdown olarak geçiyor. saatler arası hesaplama yapmak mantığı değiştirmiyor, saatte gün gibi tarihin bir parçası. mantığı ise, belirlediğin zamandan şimdiki zamanı düşmek. daha sonrasında setinterval tarzı bir method ile yenilemek. burada hazır bir örneği var https://www.w3schools.com/howto/howto_js_countdown.asp
Şimdi ki zaman dan girdiğim saate sayım yapıyor bu aralığı biz belirleyemiyor muyuz
var countDownDate = new Date("2022/04/28 21:00:00").getTime(); //geri sayılacak ileri zamanki bir tarih
var dayText = "Gün";
var hourText = "Saat";
var minuteText = "Dakika";
var secondText = "Saniye";
if (countDownDate){
var x = setInterval(function() {
var now = new Date().getTime();
var distance = countDownDate - now;
if (distance < 0) {
countDownDate = countDownDate + 1*24*60*60*1000;//Birgün sonra yenile
}else {
var days = Math.floor(distance / (1000 * 60 * 60 * 24)),
hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)),
minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)),
seconds = Math.floor((distance % (1000 * 60)) / 1000),
days = (days?'<div><div>'+days+'</div><div>'+dayText+'</div></div>':''),
hours = (hours?'<div><div>'+hours+'</div><div>'+hourText+'</div></div>':''),
minutes = (minutes?'<div><div>'+minutes+'</div><div>'+minuteText+'</div></div>':''),
seconds = (seconds?'<div><div>'+seconds+'</div><div>'+secondText+'</div></div>':'');
document.getElementById("time").innerHTML = days + hours + minutes + seconds;
}
}, 1000);
}
<div id="countdown_container">
<div id="time"></div>
</div>