Affichage dynamique d'un pourcentage (rapide ->lent)

**allserv** · 27/03/2010, 17h38

Bonjour,

J'ai un petit problème, je souhaiterais effectuer un affichage dynamqiue d'un pourcentage en fonction du temps.

Je souhaiterais que cet affichage soit du plus rapide au plus lent. Si je prends pour exemple l'affichage du nombre 98 sur 3 secondes. J'aimerais que l'on parte de 0 pour arriver à 98 en 3 secondes mais avec une variation de vitesse du plus rapide au plus lent.

Pour l'instant je n'arrive qu'à le faire dans le sens inverse et je trouve pas la combine :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<html>
<head>
<script language="javascript">
var time = 3000;
var percent = 98;
var percentOriginal=percent;
var result = 0;
function displayPercent(){
 
	if(percent>0){
 
		result += 1;
		percent = percent-1;
 
			// Calcul du temps
		tmpTime = (time*(result))/percentOriginal;
		time = time-tmpTime;		
 
		document.getElementById("pourcentage").innerHTML=result;
 
		var p = document.createElement("div");
		p.innerHTML = "\ntmpTime :"+tmpTime+" result :"+result+" percent :"+percent;
 
		document.getElementById("log").appendChild(p);
		setTimeout("displayPercent();",tmpTime);
	} else {
 
	}
}
 
 
</script>
</head>
<body onload="displayPercent();">
Le pourcentage est :<span id="pourcentage">0</span> %
 
<div id="log"></div>
</body></html>

Ce code fonctionne mais ne prends pas en compte les 3 secondes et l'affiche du plus lent au plus rapide.

Si vous avez des pistes je suis preneur ?

Merci d'avance

**SpaceFrog** · 27/03/2010, 19h39

Voici une tentative

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type='text/javascript'>
var cptr =0
function init(){
 
	var timer = (cptr+1)*2;
	document.getElementById('foo').value=cptr;
	if (cptr++<99){
	setTimeout(init,timer)
	}
 
	}
</script>
</head>
 
<body onload="init()">
<input type='text' value='' id ='foo' />
 
 
</body>
 
</html>

Affichage dynamique d'un pourcentage (rapide ->lent)

JavaScript

Discussions similaires

Partager

Partager