jQuery ile Geri Sayım Sayacı Yapımı (5'den geriye sayım)
jQuery ile geri sayım yapımının amacı genelde reklam konulan sitelerde veya üyenin sitede biraz daha online kalması için linki göstermeyip belli bir saniyeden sonra linki gösteren bir işlem türüdür.
Üyeler linki görebilmek için 5 saniye bekliyor ve 5 saniyeden sonrada linki bize gösteriyor. Bunun amacı üstte belirttiğim gibi üyelerin sitede biraz daha kalmasıdır.
Kodlara geçelim. Burda direk kodları vereceğim fazla uzatmamıza gerek yok kodlarda siz kendiniz düzenleme yapabilirsiniz.
Kodlarımız;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery ile Geri Sayım Yapımı</title>
<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(function(){
var saniye = 5;
var sayacYeri = $("div.sayac span");
$.sayimiBaslat = function(){
if(saniye > 1){
saniye--;
sayacYeri.text(saniye);
} else {
$("div.sayac").text("Sefa Yilmaz jQuery Geri Sayım Sayacı");
}
}
sayacYeri.text(saniye);
setInterval("$.sayimiBaslat()", 1000);
});
</script>
<style type="text/css">
div.sayac {
color : red;
padding: 15px 20px;
}
div.sayac span {
font-weight: bold;
}
</style>
</head>
<body>
<div class="sayac"><span></span> Saniye sonra indirebilirsiniz </div>
</body>
</html>
Canlı önizleme : Tıkla
İyi günler.
Günümüzde indirme sitelerinde sıkça kullanılan bu yöntemi yapmak için çok uğraşmıştım. Fakat sağlam bir kaynak bulamamaıştim. Şuan sizin jquery ile geri sayım sayac yapımı adlı makalenizde bu yöntemi bulduğuma inanıyorum.
YanıtlaSilTeşekkür ederim 🙂
SilBu yorum bir blog yöneticisi tarafından silindi.
YanıtlaSilMerhaba birden fazla tarayıcıda açtığımda nasıl senkronizasyonu sağlayabilirim timer konusunda
Sil