Kod

Geri Sayım HTML Kodu

Hakan İnan 17 Nisan 2019

10 248 2 dakika okuma süresi

Sade ve Şık Geri Sayım Sayaç HTML Kodu

GÜNCELLENDİ: Geri Sayım HTML kodumuzda bir takım sıkıntılar vardı, yazıları büyütmek gibi bu sorun ortadan kaldırıldı.

Geri Sayım HTML Kodu Bitiş Yazılı — Görseli Büyütmek İçin Üzerine Tıklayın

Sitenizin her yerinde kullanabileceğiniz basit, sade ve şık HTML Geri Sayım Sayaç Kodu. Aşağıdaki kodu sitenizin her hangi bir yerinde kullanabilirsiniz.

Kodun içinde bulunan “ŞÜKÜR KAVUŞTURANA” yazısı, geri sayım işlemi bittiğinde yazacak olan kısımdır. Bu bölümü dilediğiniz gibi değiştirebilirsiniz.

Sayaç özelliği gereği Gün, Saat, Dakika ve Saniye gösterim olarak çalışıyor. Dilerseniz göstermek istemediğiniz bölümü çıkarabilirsiniz.

Örnek: Gün göstermek istemiyorsanız;
Kodun içinde ( Output the result in an element ) bu bölümü bulun ve ( days + ” Gün ” + ) bu alanı silin. Diğerleri içinde aynı mantık geçerli.

// Update the count down every 1 second
var x = setInterval(function() {

// Get todays date and time
  var now = new Date().getTime();
    
  // Find the distance between now and the count down date
  var distance = countDownDate - now;
    
  // Time calculations for days, hours, minutes and seconds
  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);
    
  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + " Gün " + hours + " Saat "
  + minutes + " Dakika " + seconds + " Saniye ";
    
  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "ŞÜKÜR KAVUŞTURANA";
  }
}, 1000);
</script>

Kod Nerede Nasıl Çalışır?

Bu kod web sitenizin her yerinde çalışır, kodumuzun kısa olması da extra güzel bir durum kafa karıştıracak her hangi bir şeyi yok. Üstelik oldukça sade ve şık. Boostrap yazılımlarda, Wordpress, Joomla gibi ünlü yazılımlarda oldukça rahat iş görmektedir. Her yerde denenmiştir. Çalışmıyor gibi bahaneler uydurmayın mutlaka bir yerde hata yapmışsınız demektir. Günümüzde güncel olarak hala kendi web sitemde dahi kullanıyorum. Eğer kod arızalıysa bende nasıl çalışıyor?

Bu kod için örnek olarak bu web siteyi gösterebilirim buyurun bakın.
Aklınıza takılan her hangi bir durumda yorumlar bölümünden mutlaka bize bildirin. En kısa süre içinde sorununuza çözüm bulunacaktır. Ama kesinlikle önce yaptığınız hatayı kendiniz bulmayı deneyin, böylelikle hem bizi boşuna meşgül etmemiş olursunuz hemde sizde biraz bir şeyler öğrenmiş olursunuz.

Amacımız daha çok bilgiye ulaşmak ve daha çok kolaylık sunmaktır. Zaman en önemli sorunlarımızdan biri herşeye her an ulaşmak zor.

Bildiğiniz veya elinizde olan buna benzer kod veya yazılım varsa bizimle paylaşın bizde daha çok kişiyle paylaşalım.

Hakan İnan 17 Nisan 2019

10 248 2 dakika okuma süresi

10 Yorum

Apo dedi ki:

23 Nisan 2021, 12:07

Sonunda bir sayfaya yönlendirmek istiyorum şu kodu içine yerlestirebilirmisiniz rica etsem
}
else{
// Süre bittiğinde gerçekleşecek işlemler //
window.location.href = “go:S123”; // Buraya adres gelecek örn. http://www.ehakan.com veya /anasayfa.html gibi //
alert (‘MAÇ BAŞLADI ‘); // Buraya da sayfada göstermek istediğiniz uyarıyı yazınız. Eğer bir mesaj / uyarı göstermek istemezseniz bu satırı silebilirsiniz //
return
}
setTimeout(“gerisayim()”,1000)
}
gerisayim()
//–>

Cevapla
1. Hakan İnan dedi ki:
  
  23 Nisan 2021, 12:12
  
  Dostum senin işine bu kod yaramaz, bu işlemi daha kolay ve daha rahat Sayfa Yenileme Kodu ile yapabilirsin. Süreli yönlendirme kodu var belirlediğin süre dolduğunda otomatik olarak belirlediğin sayfaya yönlenir. Senin kodunla bu sayfadaki kodu birleştirirsek kod bozulur çünkü farklı işlevler var ikisi arasında.
  
  Cevapla
  1. Apo dedi ki:
    
    23 Nisan 2021, 12:14
    
    Ben gün ay yıl süreli olacak ve o süre bittiğinde beni bir sayfaya yönlendirecek elinizde varmı böyle bir kod Varsa atabilir misiniz yorumun altina
    
    Cevapla
    1. Hakan İnan dedi ki:
      
      23 Nisan 2021, 12:16
      
      Anladım üzerinde bir çalışma yapacağım.
      
      Cevapla
      1. Apo dedi ki:
        
        23 Nisan 2021, 12:23
        
        İnstagram varmı acaba
    2. Hakan İnan dedi ki:
      
      23 Nisan 2021, 12:41
      
      <b><font face="verdana" size="5"><span id="sayac"></span></font> (BURAYA İSTEĞE ÖZEL YAZI YAZILABİLİRSİNİZ)</b></p> <p><script type="rocketlazyloadscript" language="javascript">  </script><br />
      
      Cevapla
Nuri Bey dedi ki:

19 Temmuz 2019, 13:04

teşekkür ederim bu kodu kullanmak istiyordum..

Cevapla
1. Hakan İNAN dedi ki:
  
  21 Temmuz 2019, 02:23
  
  Rica Ederim işinize yaradıysa ne mutlu bana. İyi Çalışmalar.
  
  Cevapla
coder dedi ki:

18 Haziran 2019, 20:56

merhaba bu koddaki gün saat saniye gibi yazıları sayıların altına almamız veya fontlarını değiştirmemiz mümkün mü?

Cevapla
1. Hakan İNAN dedi ki:
  
  19 Haziran 2019, 14:50
  
  Alt alta almak için aralarına br kodu girmeniz gerekir fontu değiştirmek için başlangıcına font kodu eklemeniz gerekir. Yalnız ben denemedim iyi bir sonuç almayabilirsiniz. Kolay gelsin.
  
  Cevapla