HTML CSS ile sayaç yaptırılacak
2
●190
- 20-11-2022, 11:39:15Düzenleme yaparsanız aşağıdaki kod yapısı işinizi görürOkan adlı üyeden alıntı: mesajı görüntüleAşağıdaki örnek gibi bir sayaç istiyorum. Tek bir dosya halinde bana teslim edilmesi gerek.
<!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div { text-align: center; font-size: 55px; margin-top:30px; }
</style> </head> <body>
<div id="gerisayim"></div>
<script> var countDownDate = new Date("05 10 2018 15:37:25").getTime();
var x = setInterval(function() { // Sistem saatini alıyoruz var now = new Date().getTime(); // Geri sayımla şimdi saat arasındaki zamanı ölçüyoruz var distance = countDownDate - now; // Gün, Saat, Dakika, Saniye işlemleri yapılıyor var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Anlık olarak id="gerisayim" içine aktarılıyor document.getElementById("gerisayim").innerHTML = days + "gün " + hours + "saat " + minutes + "dakika " + seconds + "saniye "; // Süre dolduğunda yazacak yazı. if (distance < 0) { clearInterval(x); document.getElementById("gerisayim").innerHTML = "Süre doldu"; } }, 1000); </script>
</body> </html>
