20 Nisan 2018 Cuma

jQuery ile Geri Sayım Sayacı Yapımı (5'den geriye sayım)

Posted by Karolinax on 10:13 5den , geri , geriye , jquery , sayacı , sayım , Yapımı 4 yorum

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.

Facebook Adresim

YouTube Adresim

4 yorum :

Unknown3 Mayıs 2018 02:47
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ıtlaSil
Yanıtlar
melike yılmaz7 Aralık 2018 08:35
Bu yorum bir blog yöneticisi tarafından silindi.
YanıtlaSil
Yanıtlar