Stopper une fonction comprenant setTimeout

Résolu/Fermé
rastared Messages postés 5 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 23 août 2008 - 23 août 2008 à 22:58
rastared Messages postés 5 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 23 août 2008 - 23 août 2008 à 23:41
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>
A voir également:

2 réponses

PhP Messages postés 1767 Date d'inscription lundi 11 décembre 2000 Statut Membre Dernière intervention 23 décembre 2009 606
23 août 2008 à 23:34
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 ...
3
rastared Messages postés 5 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 23 août 2008
23 août 2008 à 23:41
Merci PHP ça fonctione nikel !!!
j'vais essayer de mieux comprendre ton code.
milles merci
0