Stopper une fonction comprenant setTimeout
Résolu
rastared
Messages postés
5
Date d'inscription
Statut
Membre
-
rastared Messages postés 5 Date d'inscription Statut Membre -
rastared Messages postés 5 Date d'inscription Statut Membre -
Bonjour,
bonjour a tous j'aurai besoin de votre aide je débute le Javascript et j'avoue je me suis lancée dans un truc un peu compliqué au quel je ne trouve pas de réponse. c'est pour koi je solicite votre aide.
je voudrai faire défiler des image et pouvoir les stopper avec un boutton. mais je ne sais pas comment stopper ma fonction. je vous montre mon code. les image défile bien mais ça ne s'arrete jamais.
<html><head><title> teste 3</title>
</head><body>
<img src="2_coeur.gif">
<script type="text/javascript">
var cartes = new Array();
cartes [0] = new Image(); cartes[0].src = "2_coeur.gif";
cartes [1] = new Image(); cartes[1].src = "2_trefle.gif";
cartes [2] = new Image(); cartes[2].src = "2_carreau.gif";
cartes [3] = new Image(); cartes[3].src = "2_pique.gif";
var i = 0;
function Animation()
{
if(i > 3) i = 0;
document.images[0].src = cartes[i].src;
i= i + 1;
window.setTimeout("Animation()",700);
}
window.setTimeout("Animation()",700);
</script>
<INPUT TYPE="button" VALUE=" Stop test " onClick="clearTimeout(Animation)">
</body>
</html>
bonjour a tous j'aurai besoin de votre aide je débute le Javascript et j'avoue je me suis lancée dans un truc un peu compliqué au quel je ne trouve pas de réponse. c'est pour koi je solicite votre aide.
je voudrai faire défiler des image et pouvoir les stopper avec un boutton. mais je ne sais pas comment stopper ma fonction. je vous montre mon code. les image défile bien mais ça ne s'arrete jamais.
<html><head><title> teste 3</title>
</head><body>
<img src="2_coeur.gif">
<script type="text/javascript">
var cartes = new Array();
cartes [0] = new Image(); cartes[0].src = "2_coeur.gif";
cartes [1] = new Image(); cartes[1].src = "2_trefle.gif";
cartes [2] = new Image(); cartes[2].src = "2_carreau.gif";
cartes [3] = new Image(); cartes[3].src = "2_pique.gif";
var i = 0;
function Animation()
{
if(i > 3) i = 0;
document.images[0].src = cartes[i].src;
i= i + 1;
window.setTimeout("Animation()",700);
}
window.setTimeout("Animation()",700);
</script>
<INPUT TYPE="button" VALUE=" Stop test " onClick="clearTimeout(Animation)">
</body>
</html>
Configuration: Windows Vista Internet Explorer 7.0
2 réponses
-
Bsr
Essai comme ceci<html><head><title> teste 3</title> </head><body> <img id="photo" src="2_coeur.gif"> <script type="text/javascript"> var cartes = new Array(); cartes [0] = new Image(); cartes[0].src = "2_coeur.gif"; cartes [1] = new Image(); cartes[1].src = "2_trefle.gif"; cartes [2] = new Image(); cartes[2].src = "2_carreau.gif"; cartes [3] = new Image(); cartes[3].src = "2_pique.gif"; var i = 0; var stop=false; function Animation() { if (stop) return; if(i > 3) i = 0; document.getElementById("photo").src = cartes[i].src; i= i + 1; window.setTimeout("Animation()",700); } function AnimationStop() { stop = true; } function AnimationStart() { stop = false; window.setTimeout("Animation()",700); } AnimationStart(); </script> <INPUT TYPE="button" VALUE=" Stop test " onClick="AnimationStop()"> </body> </html>--
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ... -
Merci PHP ça fonctione nikel !!!
j'vais essayer de mieux comprendre ton code.
milles merci
