0
Kayıt Ol

geri sayım kodu

4

●

369

  • 11-11-2020, 00:19:38
    #1
    Misafir
    Misafir
    Selamlar,
    html kodu işimi görecektir.

    kullanıcı sayfaya girdiğinde "60 saniye sonra sayfa yüklenecektir" yazısı çıksın ve yazıda sayaç geriye doğru işlesin. 59, 58, 57..
    sayaç sıfırlanınca.. yüklenecektir yazısı yerine "ekleyeceğim, görünmesini istediğim" link çıksın.

    bunu nasıl yapabilirim?
  • 11-11-2020, 00:25:46
    #2
    oxopage
    oxopage
    Event eklentileri var. Gifler var... Ama tavsiye etmem... 60 sn çok uzun bir zaman...
  • 11-11-2020, 00:27:52
    #3
    Cloud Viba
    Cloud Viba
    Kurumsal PLUS
    <!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>
  • 11-11-2020, 00:31:41
    #5
    ecy
    ecy
    jquery ile load fonksiyonu kullanıllarak yapılabilir hocam. internette biraz araştırırsanız bulursunuz.