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 :
Un autre exemple de ce qui ne marche pas :
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 <!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>
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 <!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
Partager