Le surlignage temporisé

**Eva06** · 26/04/2013, 17h43

Bonjour,
Je cherche à surligner chaque ligne de mon texte pendant un certain temps.
Le surlignage de la première ligne doit se faire lorsque l'utilisateur appuie sur play.
J'ai fais ce code mais je ne sais pas comment "temporisé" le surlignage :

**andry.aime** · 26/04/2013, 18h40

Bonsoir et Bienvenue sur DVP.

Copie ton code et poste le ici en utilisant la balise [code] (bouton # de l'éditeur).

A+.

**Eva06** · 26/04/2013, 19h52

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Speak fast</title>
	</head>
	<audio src="musique.mp3" controls></audio>	
	<body>
		<div class=text id="1">
		<p style="background-color: aqua">An Australian couple have had their motorcycle stolen in south Wales</p></div>
		<div class=text id="2">
		<p style="background-color: aqua">- just one day before completing their journey in London.</p></div>
		<div class=text id="3">
		<p style="background-color: aqua">	Ralph Dixon, 42, and Fionnuala Livingston, 40, </p></div>
		<div class=text id="4">
		<p style="background-color: aqua">	had stopped for a break on the M4 but returned to find their BMW F650 missing. </p></div>
		<div class=text id="5">
		<p style="background-color: aqua">	The Sydney couple also lost gifts they had been given by people all over the world, </p></div>
		<div class=text id="6">
		<p style="background-color: aqua">	and CDs containing photographs of their journey.</p></div>
	</body>
	<script type="text/javascript">
		var interID;
		var x;
		window.onload = function()
		{ x=document.getElementById('1');
		interID = setInterval(function()
		{ document.getElementById('1')=x++;}, 4000);
		}
		function surligne()
		{ 
		function stop()
		{ clearInterval(interID); }
	</script>
</html>

**andry.aime** · 27/04/2013, 07h07

Bonjour,

Tu as beaucoup d'erreur sur ton code:
La fonction surligne n'a que l'accolade ouvrant.
document.getElementById('1')=x++; n'est pas bon.

N'utilise pas que des chiffres pour les id.

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
<html>
	<head>
		<script type="text/javascript">
			var interID;
			var x=0;
			var nbDiv = 6;
			window.onload = function()
			{
				interID = setInterval(function(){surligne();}, 4000);
			}
			function surligne()
			{
				if (x==nbDiv) x=0;
				for (i=0; i< nbDiv; i++)
				{
					document.getElementById("div"+(i+1)).style.textDecoration  = "none";
				}
				document.getElementById("div"+(x+1)).style.textDecoration  = "underline";
				x++;
			}
			function stop()
			{ clearInterval(interID); }
		</script>
	</head>
	<body>
		<div class=text id="div1">
		<p style="background-color: aqua">An Australian couple have had their motorcycle stolen in south Wales</p></div>
		<div class=text id="div2">
		<p style="background-color: aqua">- just one day before completing their journey in London.</p></div>
		<div class=text id="div3">
		<p style="background-color: aqua">	Ralph Dixon, 42, and Fionnuala Livingston, 40, </p></div>
		<div class=text id="div4">
		<p style="background-color: aqua">	had stopped for a break on the M4 but returned to find their BMW F650 missing. </p></div>
		<div class=text id="div5">
		<p style="background-color: aqua">	The Sydney couple also lost gifts they had been given by people all over the world, </p></div>
		<div class=text id="div6">
		<p style="background-color: aqua">	and CDs containing photographs of their journey.</p></div>
	</body>
</html>

A+.

Le surlignage temporisé

JavaScript

Discussions similaires

Partager

Partager