Stopper une animation

**stemariej** · 06/01/2010, 05h00

Bonjour,

Je suis dans une petite impasse :
C'est que je dois arrêter une animation avec un clic de souris, ce que j'ai réussi jusqu'ici. Le problème c'est que je dois le faire des deux façons suivantes :
- soit avec les classes contenues dans le paquetage java.awt.
- soit avec les classes contenues dans le paquetage java.awt.event.

J'ai tenté plusieurs façons mais ça ne fonctionne que de l'autre façon ...

C'est à partir de ces deux façons que je suis bloquer et que je ne peux avancer hélas le reste de ce que je veux faire. Voici le début du code :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<HTML><HEAD><TITLE></TITLE>
<SCRIPT language="JavaScript">
<!--
var image1=new Image()
image1.src="pics1.gif"
var image2=new Image()
image2.src="pics2.gif"
var image3=new Image()
image3.src="pics3.gif"
var image4=new Image()
image4.src="pics4.gif"
var image5=new Image()
image5.src="pics5.gif"
var image6=new Image()
image6.src="pics6.gif"
var image7=new Image()
image7.src="pics7.gif"
var image8=new Image()
image8.src="pics8.gif"
//-->
</SCRIPT></HEAD>
<BODY>
<IMG src="pics1.gif" name="imgdiapos">
<SCRIPT>
<!--
var indice=1  // Cette variable incrémente les images
function changerImage() {
	document.images.imgdiapos.src = eval("image"+indice+".src")
 
	if (indice<8) indice++
	else	indice=1
 
	setTimeout("changerImage()",2000) //Appeler la fonction chaque 2 secondes
}
changerImage()
//-->
</SCRIPT></BODY></HTML>

J'ai tenté plusieurs façons mais ça ne fonctionne que de l'autre façon ...

Merci

**SpaceFrog** · 06/01/2010, 09h25

Pour commencer, mais cela n'a rien à voir avec ton souci:
eval

...

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
images=new Array();
images[0]=new Images();
images[0].src="pics1.gif"
images[1]=new Images();
images[1].src="pics1.gif"
images[2]=new Images();
images[2].src="pics1.gif"
images[3]=new Images();
images[3].src="pics1.gif"
images[4]=new Images();
images[4].src="pics1.gif"
images[5]=new Images();
images[5].src="pics1.gif"
images[6]=new Images();
images[6].src="pics1.gif"
images[7]=new Images();
images[7].src="pics1.gif"
 
//-->
</SCRIPT></HEAD>
<BODY>
<IMG src="pics1.gif" name="imgdiapos">
<SCRIPT>
<!--
var indice=0;  // Cette variable incrémente les images
var anim;
function changerImage() {
	document.images.imgdiapos.src = images[i].src
	indice=(indice<8)?indice++:0;
}
function runAnim(){
anim=setTimeout(changerImage,2000) //Appeler la fonction chaque 2 
}
function stopAnim(){
clearInterval(anim)
}
//-->
</SCRIPT></BODY></HTML>

suffit de lancer stopAnim pour stopper l'animation

Stopper une animation

JavaScript

Vue hybride

Discussions similaires

Partager

Partager