Comment afficher une nouvelle image toutes les 2 secondes ?
Bonjour,
J'ai conscience que mon pb reste simple, malgré cela je n'arrive pas à trouver de solution en javascript.
Je cherche à afficher une image, puis après une temporisation de 2sec une autre, puis encore 2sec une nouvelle, et ainsi de suite ...
Un exemple de ce qui ne marche pas :
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
| <!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title></title>
</head>
<body>
<div id='content'>
</div>
<script>
var picture = '<img src=\'lambda.gif\'>';
var mostPicture = '';
for( var i = 0; i < 5; i++ )
{
mostPicture = mostPicture + picture;
setTimeout( 'screen( mostPicture )', 2000 );
}
function screen( contenue )
{
document.getElementById( 'content' ).innerHTML = contenue;
alert( 'pause : ' + contenue );
}
</script>
</body>
</html> |
Un autre exemple de ce qui ne marche pas :
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
| <!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title></title>
</head>
<body>
<div id='content'>
</div>
<script>
var picture = '<img src=\'lambda.gif\'>';
var mostPicture = '';
for( var i = 0; i < 5; i++ )
{
mostPicture = mostPicture + picture;
screen( mostPicture );
}
function screen( contenue )
{
document.getElementById( 'content' ).innerHTML = contenue;
alert( 'pause : ' + contenue );
delay( 2000 );
}
function delay( ms )
{
var end = new Date().getTime() + ms;
while ( end > new Date().getTime() );
}
</script>
</body>
</html> |
Dans le 1ier cas, setTimeout() semble mener sa vie indépendamment de ma boucle for().
Dans le 2nd cas, le Navigateur (n'affiche/n'actualise) pas le contenu de mon document.getElementById( 'content' ).innerHTML lors des différentes pauses.
Mais traite le tout à la fin !!!
J'ai essayer aussi d'autres méthodes sans plus de succès ...
Un grand merci à tous ceux qui pourront m'aider dans mon problème ...
Merci
