temps de chargement de la page en bas...

Version imprimable

18/10/2005, 19h30
kevinf

temps de chargement de la page en bas...

Salut,
je voudrais affiché sur mon site le temps qu'a mis la page pour se charger(en bas de mon site, mais pas dans la barre de statut)
C'est à dire de ce genre:

Citation:

Page générée en xx secondes

Que dois-je mettre?

Merci
18/10/2005, 21h38
Kerod

Tu crées un div ayant pour position le bas de la page et tu y mets le code javascript à l'intérieur. Si quelqu'un a une autre idée :roll:
18/10/2005, 22h27
kevinf

et quel est le code javascript?
19/10/2005, 10h41
SpaceFrog

quand tu dis chargée ... tu veux aussi prendre en compte le chargement des images ?
19/10/2005, 12h55
kevinf

ba que la page soit totalement chargé, je veux que sa marque eb bas, page générée en 2 secondes(exemples)
19/10/2005, 12h57
SpaceFrog

oui mais ta page peux être charger et s'afficher sans que les images soient totalement fini de charger ...
donc il faudrait savoir ...
19/10/2005, 13h07
kevinf

avec les images
19/10/2005, 13h17
Mr N.

Monsieur est exigent :lol:

onload tient-il en compte le chargement des images ?
si oui tu arrête le compteur sur le onload et tu affiches.
19/10/2005, 13h19
kevinf

serait t-il possible que vous donniez le code qui perment de marquer le temps qu'a mis la page, car je cherche grace à google, mais rien...

Essaie ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
		<script>
			var start = new Date();
			function loaded() {
				var stop = new Date();
				alert(stop.getTime() - start.getTime());
			}
		</script>
	</head>
	<body onload="loaded()">
		<script>
			for(i = 0 ; i < 1000000 ; i++);
		</script>
	</body>
</html>

19/10/2005, 13h24
kevinf

ok, j'essaye
19/10/2005, 13h27
kevinf

heu...
regarde se ke sa fé : http://antiquarius.free.fr//site/test.php
19/10/2005, 13h30
Mr N.

Evite le sms.

Et bien ça fait quoi à ton avis en lisant le code ? 8O

C'est écrit par le serveur ça, pas par javascript.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
   <head>
      <script>
         var start = new Date();
         function loaded() {
            var stop = new Date();
            document.getElementById('generated').innerHTML = (stop.getTime() - start.getTime())+" millisecondes";
         }
      </script>
   </head>
   <body onload="loaded()">
      <script>
         for(i = 0 ; i < 1000000 ; i++);
      </script>
      <div id="generated"></div>
   </body>
</html>

sachant que innerHTML n'est pas des plus propres mais c'est juste pour te montrer

19/10/2005, 13h39
kevinf

salut, sa me marque

Citation:

891 millisecondes

Comment faire pour marquer

Citation:

0,0891 secondes

?
19/10/2005, 13h42
Mr N.

Demande à ton petit frère, il le sait depuis la primaire !
Quand même, une division... faut pas pousser !

edit : j'avais pas vu, depuis quand 1 milliseconde == 0.0001 seconde :scarymov:

le code que tu mas donné est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html> 
   <head> 
      <script> 
         var start = new Date(); 
         function loaded() { 
            var stop = new Date(); 
            document.getElementById('generated').innerHTML = (stop.getTime() - start.getTime())+" millisecondes"; 
         } 
      </script> 
   </head> 
   <body onload="loaded()"> 
      <script> 
         for(i = 0 ; i < 1000000 ; i++); 
      </script> 
      <div id="generated"></div> 
   </body> 
</html>

Et je vois pas comment faire pour mettre en secondes...

19/10/2005, 13h55
kevinf

pouvez vous me le donner , comme sa je ne vous embeteré plus.

Merci par avance
19/10/2005, 13h59
Mr N.

Tu as de l'argent ? Car là ça devient de la prestation ! Tu veux pas qu'on fournisse le support non plus ? :twisted:
19/10/2005, 14h45
Johnbob

kevinf... une division par mille ! :marteau: :zekill:

Citation:

document.getElementById('generated').innerHTML = ((stop.getTime() - start.getTime())/1000)+" s";

De toute façon, ça sert pas à grand chose vu que le temps de génération qu'on voit habituellement sur les sites c'est le temps coté serveur entre la réception et l'envoi de la requête HTML.

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

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

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:

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>

19/10/2005, 15h14
kevinf

merci pour toute vos réponses

j'ai donc mis sa

Code:

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
19/10/2005, 15h22
Mr N.

remplace div par span
19/10/2005, 15h30
kevinf

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

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

Code:

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

19/10/2005, 15h36
SpaceFrog

float left ...
19/10/2005, 15h39
kevinf

??

Code:

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>

19/10/2005, 15h58
kevinf

la sa m'affiche :

Citation:

1.877 secondes

Alors que je voudrais

Citation:

1.877 secondes
19/10/2005, 16h03
Mr N.

pas chez moi
19/10/2005, 16h08
kevinf

regarde : http://antiquarius.free.fr/site/index.php?page=home
19/10/2005, 16h10
Mr N.

regarde plus attentivement mon précedent script
19/10/2005, 16h15
kevinf

exact, merci beaucoup pour tout