Discussion :

[dukej]

Voici un exemple de code propre

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
 
function creerCompteur(nombre) {
    var date = new Date();
    date.setTime(nombre * 1000);
 
 
/*Nous avons maintenant un objet Date que nous pouvons manipuler à loisir et récupérer les valeurs qui nous intéressent puisque celui-ci a tout calculé.
*/
 
    var millisecondes = date.getMilliseconds();
    var secondes = date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds();
 
    //conversion en string : 
    var str = secondes + "," + millisecondes;
 
    //maintenant on a une chaine de caractères : 
    //Maintenant nous devons convertir cette chaine en HTML avec des images : 
    var html = str.replace(/([\d\,])/g, function(a, b) {
        //la virgule n'est pas "imagée", mais s'il faut l'afficher, on peut faire un test JS et forcer "," à devenir "virgule" qui sera le nom de l'image: 
        if (a == ",") a = "virgule";
        return '<img src="images/compteur/' + a + '.jpg" alt="' + a + '"/> ';
 
    })
    return html;
}
var html = creerCompteur(14343.45); //nombre exprimé en secondes
document.write(html)​

Le code généré donne :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<img src="images/compteur/1.jpg" alt="1">
<img src="images/compteur/7.jpg" alt="7">
<img src="images/compteur/9.jpg" alt="9">
<img src="images/compteur/4.jpg" alt="4">
<img src="images/compteur/3.jpg" alt="3">
<img src="images/compteur/virgule.jpg" alt="virgule">
<img src="images/compteur/4.jpg" alt="4">
<img src="images/compteur/5.jpg" alt="5">
<img src="images/compteur/0.jpg" alt="0">

[demonjhon]

Je retravaille ce code ce soir et je poster ensuite si je parviens a kelk chose de potable ;p

Merci