IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Developpeur
    Inscrit en
    Septembre 2004
    Messages
    114
    Détails du profil
    Informations personnelles :
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Developpeur

    Informations forums :
    Inscription : Septembre 2004
    Messages : 114
    Par défaut 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 : 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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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>
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Problème d'affichage dynamique d'une liste
    Par bor1s dans le forum ASP
    Réponses: 2
    Dernier message: 18/11/2005, 16h18
  2. Probleme d'affichage dynamique de ma base
    Par kudawoo2002 dans le forum ASP
    Réponses: 3
    Dernier message: 18/11/2005, 09h22
  3. Réponses: 1
    Dernier message: 08/07/2005, 02h46
  4. [VB.NET] - affichage dynamique dans un tableau
    Par karibouxe dans le forum ASP.NET
    Réponses: 8
    Dernier message: 20/06/2005, 15h07
  5. affichage dynamique en fonction des données en base
    Par jengo dans le forum Bases de données
    Réponses: 1
    Dernier message: 28/10/2004, 10h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo