PHP HTML CSS VB.Net C# Öğreniyoruz: geri

geri etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

20 Nisan 2018 Cuma

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

Posted by Karolinax, on 10:13

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>