Discussion :

[Kagami]

Hello,
Je souhaite utiliser un bout de code Js qui fait le rôle d'un compteur sur un des mes composant React.
Voici à quoi ressemble le code js :

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
var Affiche = document.getElementById("compteur");
 
function CompteARebour() {
    var date1 = new Date();
    var date2 = new Date("January 1 00:00:00 2020");
    var sec = (date2 - date1) / 1000;
    var n = 24 * 3600;
    if (sec > 0) {
        j = Math.floor(sec / n);
        h = Math.floor((sec - (j * n)) / 3600);
        mn = Math.floor((sec - ((j * n + h * 3600))) / 60);
        sec = Math.floor(sec - ((j * n + h * 3600 + mn * 60)));
        Affiche.innerHTML = j + "J " + h + "H " + mn + "min " + sec + "s ";
        window.status = j + "J " + h + "H " + mn + "min " + sec + "s ";
    }
    tRebour = setTimeout("CompteARebour();", 1000);
}
CompteARebour();

ça ne marche pas quand je l'utilise dans une div qui a un id "compteur" dans mon render

Merci

[javatwister]

Bonjour,

sans voir où tu intègres ce code, je ne peux rien dire...; en soi, le script fonctionne;

[Kagami]

bonjour,
c'est ici que j'intègre mon code :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
 render() {
    return (
      <div id="corp">
          <div id="compteur">
                  // le compteur 
           </div>
      </div>
     )
}

comment je pourrais affichre mon compteur dans le componentDidMount() par exemple ?
merci