Discussion :

[sadkill]

bonjour
j'ai une iframe (appellant une page php) qui doit etre rafraichi chaque seconde en javascript, mais je ne sais pas comment faire.

En pratique je veut afficher dans un cadre l'heure en php (pour travailler sur les variables et afficher l'heure du serveur et non pas celle du client) rafraichi en javascript pour voir les secondes s'ecouler.

code php: function heure() {

$aujourdhui = getdate();
$heure = $aujourdhui['hours'];
$minute = $aujourdhui['minutes'];
$seconde = $aujourdhui['seconds'];

echo "$heure:$minute:$seconde";
};


Merci pour votre aide

[marcha]

Salut,

Tu peux rafraichir ton iframe depuis l'extérieur (depuis la page contenant l'iframe) avec
qqch du genre: document.getElementById('id_du_frame').document.reload();
à tester.

Sinon tu peux ajouter dans le code retourné par PHP un meta refresh, ce qui
évite l'emploi de javascript, mais au mieux tu peux rafraichir chaque secondes.

Ou encore tu crée un bout de javascript dans la page de l'iframe avec un code
du genre:

Code :

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

1
2
3
4
5
6
 
<script type='text/javascript'>
window.onload = function() {
  setTimeout( function() { document.reload(); }, 1000); // 1000 milisecondes ou autre
};
</script>

Mais je pense qu'il te faut éviter de faire des requêtes inutiles au serveur. Il me
semble beaucoup plus simple de mesurer la différence d'horloge entre le
client et le serveur à la création de la page, puis de rafraichir l'heure en pure
javascript (sans requête).

cela pourrait ressembler à qqch du genre dans ta page principale:

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
 
<script type='text/javascript'>
var serverstamp = <?php echo time(); ?> * 1000;
var clientstamp = new Date().getTime();
var difference = clientstamp - serverstamp;
 
window.onload = function() {
  setInterval(refreshTime, 200);
};
 
function refreshTime() {
   var stamp = new Date.getTime();
   var d = new Date( stamp - difference );
  document.getElementById( 'horloge' ).innerHTML = d;
}
</script>
 
...
<div id='horloge'></div>
...

P.S. j'ai rien testé, c'est juste pour exprimer l'idée