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>
Partager