Jquery animated cijfer

Door Martijn Roverts op 11-08-2009 14:01

1.510 views

Met onderstaand scriptje krijg ik het voor mekaar om een alinea <p> te laten groeien als een pagina geladen word.


function animate(){
	$("#test").each(function(){
		var percentage = $(this).text();
		$(this).css({width: "0%"}).animate({
				width: percentage}, 2000);
});


<p id="test" style="width:25%; background-color: red;">25</p>

Nu probeer ik dit ook voor het getal 25 te doen, het zou mooi zijn als deze oploopt van 0 tot 25. Nou heb ik heel veel gegoogled maar kan nog niks vinden voor deze functie.
Heeft iemand een hint of advies hiervoor?

Mitchell

11-08-2009 14:05

Je bent niet bepaald duidelijk, wil je iets als een counter..?

Martijn Roverts

11-08-2009 14:09

Ja inderdaad.
De pagina word als het volgt geladen :


<p id="test" style="width:25%; background-color: red;">25</p>

Het getal 25 wil ik dan van 0 tot 25 oplaten tellen als een counter.

Mitchell

11-08-2009 14:19

Dan zul je een interval moeten gebruiken en dan een var met 0 erin laten optellen tot 25. Door de interval, zal hij om de seconde een nieuw getal plaatsen (.html) of je plaatst ze achter elkaar door ".append".

Reageren

Inloggen om te reageren