Bonjour, je veux faire un calcul successif représenter par le code suivant :

Code html : 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
      #container{ background-color: lightgreen; text-align: center ;width: 350px; border:solid 1px black; min-height: 15px}
      #resultat{ background-color: #80BFFF; width: 350px; border:solid 1px black; min-height: 150px}
    </style>
    <script>
      p = new Array();
      function calculer() {
        var affiche=document.getElementById("resultat");
        x=1*document.getElementById("nb_a").value;
        y=1*document.getElementById("nb_b").value;
        p[0]=x;
        p[1]=p[0]*y;
        affiche.innerHTML +="<br/>p["+ 1 +"]=a*b = "+ p[1] +"<br/>";
        
        for (var i = 2; i < 10; i++) {
        k=i-1;
        p[i]=p[k]*y;
        affiche.innerHTML +="p["+ i +"]=p["+ k +"]*b = "+ p[i] +"<br/>";
        }
        
      }
    </script>
  </head>
  <body>
    <p>a = <input id="nb_a"></p>
    <p>b = <input id="nb_b"></p>
 
    <input type="button" value="CALCULER" onclick="calculer();"><br/>
 
    <div id="container" >Voici quelques resultats des calculs :</div>
    <div id="resultat" ></div>
 
  </body>
</html>

Et je veux maintenant afficher chacune des résultats avec une intervalle de temps de 5s, càd que les résultats va s'afficher successivement à chaque 5s, voici le code que j'ai crée avec cette intervalle de temps, mais il y a une erreur sur l'affichage, s'il vous plait pouvez vous me dire pourquoi ça ne marche pas? merci !

Code html : 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <style type="text/css">
      #container{ background-color: lightgreen; text-align: center ;width: 350px; border:solid 1px black; min-height: 15px}
      #resultat{ background-color: #80BFFF; width: 350px; border:solid 1px black; min-height: 150px}
    </style>
    <script>
      p = new Array();
      function calculer() {
        var affiche=document.getElementById("resultat");
        x=1*document.getElementById("nb_a").value;
        y=1*document.getElementById("nb_b").value;
        p[0]=x;
        p[1]=p[0]*y;
        affiche.innerHTML +="<br/>p["+ 1 +"]=a*b = "+ p[1] +"<br/>";
        
        for (var i = 2; i < 10; i++) {
        k=i-1;
 
 
        var container = document.getElementById('container'),
        timeLeft = 0;
        var timerID = setTimeout(function() 
        { // On crée notre compte à rebours
            clearInterval(intervalID);
        }, 5000);
 
        var intervalID = setInterval(function() { // On met en place l'intervalle pour afficher la progression du temps
            //------------------
        p[i]=p[k]*y;
        affiche.innerHTML +="p["+ i +"]=p["+ k +"]*b = "+ p[i] +"<br/>";
            //------------------
        }, 1000);
 
 
        }
        
      }
    </script>
  </head>
  <body>
    <p>a = <input id="nb_a"></p>
    <p>b = <input id="nb_b"></p>
 
    <input type="button" value="CALCULER" onclick="calculer();"><br/>
 
    <div id="container" >Voici quelques resultats des calculs :</div>
    <div id="resultat" ></div>
 
  </body>
</html>