JQuery ile Artan Sayaç Yapımı


Sadece bir kaç adımda sürekli artan sayaç yapıyoruz.

JQuery ile Artan Sayaç Yapımı



Merhaba.
Jquery ile artan sayaç işlemlerini çok basit bir şekilde gerçekleştirebilirsiniz.

Aşağıdan kodu alabilirsiniz.

Buraya tıklayarak derste kullanım şeklini izleyebilirsiniz.

Bu kodu head kodları arasına yapıştırın.

		< script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">< / script >

Bu kodu body kodları arasına yapıştırın.

	Buradaki: 10000 sayısı onbin olduktan sonra duracaktır.

Bu kodu hemen altına yapıştırın.
"duration: 10000" sayısını arttırdıkça sayaç yavaşlayacaktır.

		< script type="text/javascript">	  				$('.sayisay').each(function () {	    			$(this).prop('Counter',0).animate({	        Counter: $(this).text()	    }, 			{	        				duration: 10000,	        				easing: 'swing',	        				step: function (now){	            										$(this).text(Math.ceil(now));	        									}	    			});			});  		< / script >

Yorumlar