Fonction récursive avec setTimeout pour simuler une boucle avec delay.

**Soccariste** · 27/07/2023, 14h28

Bonjour. J'ai mon programme qui envoie sur différentes pages web contenant une question. Pour cela, j'utilise une fonction récursive et setTimeout (5secondes avant de changer d epage web). Le problème je tombe directement sur la page 3 (cm1n3 sur mon prog).
Les progs.

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
<html>
<head>
    <title> Calcul mental </title>
    <link rel="stylesheet" href="milancss.css">
 
</head>
<body>
    <h1> Calcul mental n°1 : calculs de pourcentages </h1>
    <p>3 calculs vont se succeder</p>
    <button id="mybutton">Approve</button>
    <script src="presentationsti.js"></script>
 
</body>
</html>

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
function suivant(x){
    if(x==='0'){self.location.href = "cm1n1.html";//Ne passe au suivant que dans 5s
        setTimeout(suivant(x+1), 5000);}        
    else if (x==='1'){self.location.href = "cm1n2.html";//Ne passe au suivant que dans 5s
        ;setTimeout(suivant(x+1), 5000);}  
    else{self.location.href = "cm1n3.html";
   }
}
 
 
let element = document.getElementById("mybutton");
element.addEventListener('click', e => {
suivant(0);
 
}    
)

**Toufik83** · 27/07/2023, 14h55

Bonjour,

soit if(x=='0') seulement avec deux signes égales
ou bien if(x==0) toujours avec les deux signes égales mais sans les apostrophes autour du nombre
ou bien if(x===0) avec 3 signes égales et sans les apostrophes autour du nombre.

les 3 signes égales a===b vérifient que les valeurs et aussi les types des deux variables sont identiques, et donc '0'===0 retourne false, car le type de '0' est une chaine de caractère et 0 est un entier.