Stopper une fonction comprenant setTimeout
Résolu
rastared
Messages postés
5
Date d'inscription
Statut
Membre
Dernière intervention
-
rastared Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
rastared Messages postés 5 Date d'inscription Statut Membre Dernière intervention -
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>
A voir également:
- Stopper une fonction comprenant setTimeout
- Fonction si et - Guide
- Fonction miroir - Guide
- Stopper pub youtube - Accueil - Streaming
- Fonction moyenne excel - Guide
- Stopper reconduction jm date - Forum Gmail
2 réponses
Bsr
Essai comme ceci
PhP
Il y a 10 types de personnes dans le monde : ceux qui comprennent le binaire et les autres ...
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 ...