arrêt d'une séquence

**stemariej** · 03/01/2010, 00h59

Bonjour,

Petite question, je dois faire défiler des images automatiquement à tous les deux secondes ... tous cela fonctionne très bien, cependant je dois intégrer une fonction qui permet de pouvoir arrêter la séquence à l'Aide d'un clic de souris et de la partir aussi à l'aide d'un clic de souris et le tout la fonction boolean ... J'ai essayé plusieurs façons et rien ne fonctionne... voici mon code :

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="guepard1.gif"
var image2=new Image()
image2.src="guepard2.gif"
var image3=new Image()
image3.src="guepard3.gif"
var image4=new Image()
image4.src="guepard4.gif"
var image5=new Image()
image5.src="guepard5.gif"
var image6=new Image()
image6.src="guepard6.gif"
var image7=new Image()
image7.src="guepard7.gif"
var image8=new Image()
image8.src="guepard8.gif"
//-->
</SCRIPT></HEAD>
<BODY>
<IMG src="guepard1.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>

Merci de votre précieuse aide ...

Jonathan

**andry.aime** · 05/01/2010, 07h15

Bonjour,
Au lieu de faire un setTimeout dans la fonction changerImage(), utilises un setInterval à l'extérieur de la fonction et tu faits un clearInterval quand tu veux l'arrêter.

**marcha** · 06/01/2010, 09h34

Salut,

Tu peux aussi faire un clearTimeout lors du click d'arrêt en
modifiant ton code ainsi:

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
var indice=1  // Cette variable incrémente les images
var timer = false;
function changerImage() {
	document.images.imgdiapos.src = eval("image"+indice+".src")
 
	if (indice<8) indice++
	else	indice=1
 
	timer = setTimeout("changerImage()",2000) //Appeler la fonction chaque 2 secondes
}
changerImage();
 
function clickPourArret() {
	if(timer) {
		clearTimeout(timer);
		timer = false;
	}
}

arrêt d'une séquence

JavaScript

Vue hybride

Discussions similaires

Partager

Partager