jQüry ile Rakam Sayımı Yapmak

Bu konu boş.

0 yanıt dizini görüntüleniyor

Yazar

Yazılar

27 Temmuz 2010: 21:45 #6645

oralunal

Ziyaretçi

jQüry ile bir sayıda başka bir sayıya kadar nasıl saydırma yapılır?
Merhaba arkadaşlar,

Bugünlü makalemde jQüry ile nasıl rakam sayımı yapabileceğimizi öğreneceğiz. Rakam sayımından kastımın ne olduğunu da hemen kısaca açıklayayım. Mesela geri sayım yapacağız. Başlangıç değerimiz 500 bitiş değerimiz 158. Sayfa açıldığında 500’den geriye sizin belirlediğiniz aralıklarla saymaya başlar. Aynı işlemi birkaç değişiklike 158’den 500’e kadar şeklinde de artacak şekilde uygulayabiliriz.

Öncelikle sayfamıza vazgeçilmez olan jqüry kütüphanesi ekleyelim:

    <script src="http://ajax.googleapis.com/ajax/libs/jqüry/1.4.2/jqüry.min.js"></script>

1	<script src="http://ajax.googleapis.com/ajax/libs/jqüry/1.4.2/jqüry.min.js"></script>

Şimdi öncelikle ilk yazağım kodda “0”dan başlayarak “500”e kadar saydıralım:

<script type="text/javascript"><br />
var maks = 500;// php ile yazdırın bu değeri<br />
$(function(){<br />
ileriSayim();<br />
});<br />
function ileriSayim() {<br />
var deger = parseInt($('#sayac').html());<br />
$('#sayac').text(deger+1);<br />
// Üst ve alt satırdaki +1'i arttırarak sayacın kaçarlı sayılacağını belirtiyoruz<br />
if (deger+1 != maks) {<br />
setTimeout('ileriSayim()',50);<br />
}<br />
if(deger<=maks){<br />
$('#sayac').text(maks);<br />
}<br />
</script><br />
<br />
// Bu kısmı sayacın görünmesini istediğiniz yere yazın<br />
<div id="sayac">0</div>

var maks = 500;// php ile yazdırın bu değeri<br />

$(function(){<br />

ileriSayim();<br />

});<br />

function ileriSayim() {<br />

var deger = parseInt($('#sayac').html());<br />

$('#sayac').text(deger+1);<br />

// Üst ve alt satırdaki +1'i arttırarak sayacın kaçarlı sayılacağını belirtiyoruz<br />

if (deger+1 != maks) {<br />

setTimeout('ileriSayim()',50);<br />

}<br />

if(deger<=maks){<br />

$('#sayac').text(maks);<br />

}<br />

</script><br />

<br />

// Bu kısmı sayacın görünmesini istediğiniz yere yazın<br />

Aynı şekilde bu sayaş kodun da bir kaç değişiklik yaparak 500’den 0’a doğru saydıralım:

<script type="text/javascript"><br />
var min= 0;// php ile yazdırın bu değeri<br />
$(function(){<br />
geriSayim();<br />
});<br />
function geriSayim() {<br />
var deger = parseInt($('#sayac').html());<br />
$('#sayac').text(deger-1);<br />
// Üst ve alt satırdaki -1'i azaltarak sayacın kaçarlı sayılacağını belirtiyoruz<br />
if (deger-1 != min) {<br />
setTimeout('geriSayim()',50);<br />
}<br />
if(deger>=maks){<br />
$('#sayac').text(min);<br />
}<br />
</script><br />
<br />
// Bu kısmı sayacın görünmesini istediğiniz yere yazın<br />
<div id="sayac">500</div>

var min= 0;// php ile yazdırın bu değeri<br />

$(function(){<br />

geriSayim();<br />

});<br />

function geriSayim() {<br />

var deger = parseInt($('#sayac').html());<br />

$('#sayac').text(deger-1);<br />

// Üst ve alt satırdaki -1'i azaltarak sayacın kaçarlı sayılacağını belirtiyoruz<br />

if (deger-1 != min) {<br />

setTimeout('geriSayim()',50);<br />

}<br />

if(deger>=maks){<br />

$('#sayac').text(min);<br />

}<br />

</script><br />

<br />

// Bu kısmı sayacın görünmesini istediğiniz yere yazın<br />

Umarım faydalı ve anlaşılır bir çalışma olmuştur.

Yazar

Yazılar

0 yanıt dizini görüntüleniyor

Bu konuyu yanıtlamak için giriş yapmış olmalısınız.