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