Discussion :

[Kel-T]

Bonjour,

Je débute en Javascript, j'ai compris comment afficher la date et l'heure mais comme faire pour que l'heure soit affichée en instantané, c'est-à-dire que j'aurais les secondes défilant sur la page sans avoir besoin de réactualiser.

Merci pour vos réponses.

[SpaceFrog]

heure client ou serveur ???
le deux sujets ont déja été traités et il y a des script dans les contributions .

[Kel-T]

Oui j'ai vu qu'il y avait des scripts mais j'aimerais plutôt comprendre et écrire le script tout seul, quitte à ce que soit moins propre...
L'heure client ou serveur ? Ben je ne sais pas trop je suppose que c'est l'heure du serveur, pour l'instant j'ai un code comme ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
	  var d=new Date;
	  var j=d.getDate();
	  if (j<10) {j='0'+j};
	  var m=d.getMonth()+1;
	  if (m<10) {m='0'+m};
	  var a=d.getFullYear();  
	  window.document.write('On est le ',j,'/',m,'/',a,'.<br />');
 
	  var h=d.getHours();
          var m=d.getUTCMinutes();
	  if (m<10) {m='0'+m};
	  var s=d.getUTCSeconds();
	  window.document.write('Il est ',h,'h',m,' et ',s,' secondes.');

- Comment faire pour que l'heure soit instantanée ?

Et j'aurais une deuxième question.

- Comment faire pour que lorsque les secondes sont égales à 0 ou 1, il écrive seconde et non pas secondes.
J'avais ce code ci-dessous mais il reste bloqué à "1 seconde". (je mets que la fin)

Code :

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

1
2
3
4
5
6
 
var s=d.getUTCSeconds();
var sec=NULL;
if ((s=0)||(s=1)) {sec="seconde"}
else {sec="secondes"}
	  window.document.write('Il est ',h,'h',m,' et ',s,' ',sec,'.');

[SpaceFrog]

évite le document.write ...
et utilise un setInterval()

[javatwister]

en fait, ne pense même pas à document.write pour dynamiser une page;

[Kel-T]

ok merci, vous pouvez approfondir ?
setInterval() 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
 
	  var d=new Date;
	  var j=d.getDate();
	  if (j<10) {j='0'+j};
	  var m=d.getMonth()+1;
	  if (m<10) {m='0'+m};
	  var a=d.getFullYear();  
	  setInterval('On est le ',j,'/',m,'/',a,'.<br />');
 
	  var h=d.getHours();
          var m=d.getUTCMinutes();
	  if (m<10) {m='0'+m};
	  var s=d.getUTCSeconds();
	  setInterval('Il est ',h,'h',m,' et ',s,' secondes.');

Ce code ne m'affiche rien.

[SpaceFrog]

setInterval() ne marche pas

tu devrais plutot dire: "j'ai mis n'importe quoi comme syntaxe en espérant que javascript soit assez proche d'une intelligence artificielle pour deviner ce que je veux faire
setInterval attend une fonction en paramètre ...

[Kel-T]

je débute en javascript comme j'ai pu le dire dans mon premier post, pourrais-tu être plus explicite concernant setInterval() ?

[SpaceFrog]

Code :

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

1
2
3
4
5
6
7
8
9
<form name="myForm" action="" method="POST">
<input name="myClock" type="Text" style="width:200px;">
<script language=javascript>
self.setInterval(
function () {
    time=new Date().toLocaleString()
    document.myForm.myClock.value=time
},50)
</script>

[Kel-T]

je débute en javascript, pourrais tu donner des explications au code que tu me propose ?

[SpaceFrog]

setInterval est une fonction qui lance à intervalle une fonction

ici en l'occurrence une fonction anomyme (closure) qui va modifier la value d'un input sur la page ... l'interval est precisé en millisecondes (second paramètre donné à setInterval)