Le surlignage temporisé

Version imprimable

26/04/2013, 17h43
Eva06

1 pièce(s) jointe(s)

Le surlignage temporisé

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 :
26/04/2013, 18h40
andry.aime

Bonsoir et Bienvenue sur DVP.

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

A+.

Code:

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>

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:

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+.