Affichage dynamique d'un pourcentage (rapide ->lent)
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:
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
