temps de chargement de la page en bas...

**SpaceFrog** · 19/10/2005, 13h46

comme se seront les images le plus longues à charger ...

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
<script type='text/javascript'>
var Start =new Date()
var Stop
 
 
function LoadingTime(){
var finished=setInterval(function(){ var nbrPics=0;
 
											for ( i=0;i<document.images.length;i++){
                                                         nbrPics+=(document.images[i].complete)?1:0;
                                                         }
                                      if (nbrPics==document.images.length){clearInterval(finished);
                                                                           Stop=new Date();
                                                                           alert(Stop-Start)
                                                                           }
                                      else {clearInterval(finished);
                                            LoadingTime();
                                            return false;
                                            }
                                      }
                                      ,10)
                          }
 
                          </script>
 
 
 
 
</head>
 
<body onload="LoadingTime()">
 
</body>
</html>

**Mr N.** · 19/10/2005, 13h54

Je viens de faire le test sous Fx, l'evenement onload est lancé une fois toutes les images chargées...

Le script à l'appui (img prises sur G)

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
<html>
   <head>
      <script>
         var start = new Date();
         function loaded() {
            var stop = new Date();
            document.getElementById('generated').innerHTML = ((stop.getTime() - start.getTime())/1000)+" secondes";
         }
      </script>
   </head>
   <body onload="loaded()">
      <div id="generated"></div>
      <img src="http://www.lefinnois.net/fond_pov/1280/chose_bulles.png" />
      <img src="http://nanardoz.free.fr/framasoft/03.png" />
      <img src="http://idata.over-blog.com/0/01/15/93/crea/plage.jpg" />
      <img src="http://www.okw-ressourcen.com/maps/berck-plage.jpg" />
   </body>
</html>

**kevinf** · 19/10/2005, 14h14

merci pour toute vos réponses

j'ai donc mis sa

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

Page générée en <div id="generated"></div>

(plus les autres codes avant...)
Le problème c'est que je voudrais que la phrase "Page générée en " soit sur la même ligne que les secondes, comment faire?

Merci

**Mr N.** · 19/10/2005, 14h22

remplace div par span

**kevinf** · 19/10/2005, 14h30

merci beaucoup
je te remercie Mr.N de m'avoir aidé.

**kevinf** · 19/10/2005, 14h31

juste une dernière question :
j'ai mis ton code:

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
html> 
   <head> 
      <script> 
         var start = new Date(); 
         function loaded() { 
            var stop = new Date(); 
            document.getElementById('generated').innerHTML = ((stop.getTime() - start.getTime())/1000)+" secondes"; 
         } 
      </script> 
   </head> 
   <body onload="loaded()"> 
      <div id="generated"></div> 
      <img src="http://www.lefinnois.net/fond_pov/1280/chose_bulles.png" /> 
      <img src="http://nanardoz.free.fr/framasoft/03.png" /> 
      <img src="http://idata.over-blog.com/0/01/15/93/crea/plage.jpg" /> 
      <img src="http://www.okw-ressourcen.com/maps/berck-plage.jpg" /> 
   </body> 
</html>

Coment je fais pour mettre en gras et en rouge (<b> et #FF0000> le nombre de secondes et non pas le mot "secondes".
En fet, je ne sais pas ou mettre

**SpaceFrog** · 19/10/2005, 14h36

float left ...

**kevinf** · 19/10/2005, 14h39

??

**Mr N.** · 19/10/2005, 14h52

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
<html>
   <head>
      <script>
         var start = new Date();
         function loaded() {
            var stop = new Date();
            document.getElementById('generated').innerHTML = ((stop.getTime() - start.getTime())/1000)+"";
         }
      </script>
      <style type="text/css">
         #generated {
            color:red;
            font-weight:bold;
         }
      </style>
   </head>
   <body onload="loaded()">
      <div>Page générée en <span id="generated"></span> seconde(s)</div>
   </body>
</html>