Afficher la date en javascript

Version imprimable

Bonjour

J'ai un code pour afficher l'heure de tous les pays du monde qui fonctionne très bien et il doit afficher la date mais je suis nul en javascript donc je ne sais pas comment afficher la date. J'ai mis <spant id="date"> ou <spant id="hours"> mais sa ne fontionne pas

Voici mon code:

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
35
36
37
38
39
<script>
    var date = new Date()
    var gmtLocal;
 
    function temps(){
        date = new Date();
        var outputs = document.getElementsByClassName("hours");
        for(var i=0;i<outputs.length;i++){
            outputs[i].innerHTML = getFormatedDate(outputs[i].id);
        }
    }
 
    gmtLocal = -date.getTimezoneOffset() / 60;
    if(document.getElementById("gmtlocal")){ 
        document.getElementById("gmtlocal").innerHTML = "GMT " + ((gmtLocal < 0) ? "-" : "+") + gmtLocal;
    }
    if(document.getElementById("local")){
        document.getElementById("local").id = gmtLocal;
    }
 
    setInterval(temps, 1000);
 
    function getFormatedDate(gmt){
        var dateTmp = new Date(date.getTime() + ((gmt - gmtLocal) * 3600 * 1000));
        var str = "";
        str += padTo2(dateTmp.getHours()) + ":" + padTo2(dateTmp.getMinutes()) + ":" + padTo2(dateTmp.getSeconds());
 
        return str;
    }
 
    function padTo2(num){
        if(num < 10){
            return "0" + num;
        }
        else{
            return num + "";
        }
    }
</script>

Je vous remercie d'avance

Max

29/07/2017, 09h48
Kennel sébastien

Bonjour max,

C'est parce qu'il faut écrire :

Code:



et non :

Code:

<spant id="hours">

Ton code JavaScript recherche des classes « hours » pas un identificateur « hours ».
29/07/2017, 10h11
apdf1

Bonjour

Merci d'avoir répondu, mais dans mon code HTML j'ai bien marquée ceci:

Code:

<td class="heure"> </td>

et la class="hours" me donne l'heure???

Bonne journée

Max
29/07/2017, 12h52
Kennel sébastien

Mais quel est ton problème ?

Car en ayant testé ton programme, j'ai bien l'heure qui s'affiche : heure:minute:seconde.
29/07/2017, 20h24
Beginner.

Salut,

Citation:

Envoyé par apdf1

J'ai un code pour afficher l'heure de tous les pays du monde qui fonctionne très bien et il doit afficher la date mais je suis nul en javascript donc je ne sais pas comment afficher la date. J'ai mis <spant id="date"> ou <spant id="hours"> mais sa ne fontionne pas

C'est normal qu'il n'affiche pas la date, il ne suffit pas d'ajouter une balise comme , il faut aussi ajouter du code JS...

Pour les heures c'est OK tu as la fonction getFormatedDate(gmt) j'ai changé son nom en : getFormatedHour(gmt).

Et il faut bien ajouter un id (2 pour Paris) : sinon l'heure affichée n'est pas correcte...

De plus le id est une string non un nombre donc il faudrait mieux le convertir avec un "+" par exemple : (+outputs[i].id) à la place de (outputs[i].id)...

J'ai ajouté la fonction manquante pour la date...

------> Tu peux tester ici : http://jsbin.com/vizoqaxogu/edit?html,output
30/07/2017, 07h05
apdf1

Bonjour Beginner

Excuse moi de ne pas avoir répondu avant. Je te remercie pour le code et les explications, je viens de tester sa fonctionne presque normalement sauf bémol, la date ne suis pas
id= "-11" class="hours".
Je m'explique temps que mais des id= "4" ou +6 tous va bien la date affiche la date du jour
des que tu affiche id= "-8" ou -6 la date ne se mais pas à la date de la veille
ex: si à paris il est 7h00 et nous somme le 30/07/2017 à
Papeete > Polynésie Française il est 19h 00 mais le 29/07/2017

Je te souhaite une bonne journée et te remercie encore
Max
30/07/2017, 12h10
NoSmoking
Bonjour,

Citation:

Et il faut bien ajouter un id (2 pour Paris)

l'attribut ID définit un identifiant unique et ne devrait pas contenir de données autre que celles qui servent à identifier l'élément qui s'y raccroche.
Il existe d'autre moyen de mettre de l'information et notamment l'attribut data-xxx, dans ce cas ci cela pourrait être data-gmt par exemple.

Tous les calculs se feraient par rapport à la date GMT récupérée en ajoutant/retranchant suivant la valeur lue dans data-gmt.
Code:

1 2 3 4

Bonjour NoSmoking

Je te remercie mais moi et le javascript sa fait deux.

Je ne comprend pas comment ajouter l'attribut data-gmt dans mon code! peut tu m'aider parce que la je me noie?

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
 <!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Date & heure GMT</title>
  </head>
  <body>
 
    Sans id (il manque 2 heures à Paris) : <br>
    ---> <span class="date"></span> - <span class="hours"></span>    
 
    <br>
    <br>
    Avec un id égale à 2 (Paris GMT+2) : <br>
    ---> <span class="date"></span> - <span id= "2" class="hours"></span>
    <br>
 
    <br>
    <span id="gmtlocal"></span>
    <span id="local">...</span>
 
    <script>
      var date = new Date()
      var gmtLocal;
 
      function temps(){
        date = new Date();
        var outputsHour = document.getElementsByClassName("hours");
        var outputsDate = document.getElementsByClassName("date");
 
        for(var i=0;i<outputsHour.length;i++){
          outputsHour[i].innerHTML = getFormatedHour(+outputsHour[i].id);          
        }
        for(var i=0;i<outputsDate.length;i++){          
          outputsDate[i].innerHTML = getFormatedDate(); 
        }
      }
 
      gmtLocal = -date.getTimezoneOffset() / 60;
      if(document.getElementById("gmtlocal")){ 
        document.getElementById("gmtlocal").innerHTML = "GMT " + ((gmtLocal < 0) ? "-" : "+") + gmtLocal;
      }
      if(document.getElementById("local")){
        document.getElementById("local").id = gmtLocal;
      }
 
      setInterval(temps, 1000);
 
      function getFormatedHour(gmt){
        var dateTmp = new Date(date.getTime() + ((gmt - gmtLocal) * 3600 * 1000));
        var str = "";
        str += padTo2(dateTmp.getHours()) + ":" + padTo2(dateTmp.getMinutes()) + ":" + padTo2(dateTmp.getSeconds());
 
        return str;
      }
      function getFormatedDate(){        
        var tab_jour = new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi");
        var str = tab_jour[date.getDay()] + " " +padTo2(date.getDate()) + "/" + padTo2(date.getMonth() + 1) + "/" + padTo2(date.getFullYear());
        
        return str ;
      }
 
      function padTo2(num){
        if(num < 10){
          return "0" + num;
        }
        else{
          return num + "";
        }
      }
    </script>
 
  </body>
</html>

Je te remercie d'avance

Max

30/07/2017, 16h30
Kennel sébastien

Cette ligne :

Code:

outputsHour[i].innerHTML = getFormatedHour(+outputsHour[i].id);

Tu l'as remplace par :

Code:

outputsHour[i].innerHTML = getFormatedHour(+outputsHour[i].getAttribute("data-gmt"));

Edit :
Pour ce qui est de ton problème de négation ça vient surement que tu utilises deux opérateurs unaires en même temps…

En effet tu as donc par exemple « -6 » et dans ton code tu fais :
+-6.

Donc pour résoudre ton problème essai avec la fonction « parseInt » plutôt que l'opérateur unaire.

Remplace :

Code:

+outputsHour[i].id

Par :

Code:

parseInt(outputsHour[i].id, 10)

Bonjour Sebastien

Je te remercie de ton intervention.
J'ai bien remplacer la ligne que tu ma dit:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
     <script>
      var date = new Date()
      var gmtLocal;
 
      function temps(){
        date = new Date();
        var outputsHour = document.getElementsByClassName("hours");
        var outputsDate = document.getElementsByClassName("date");
 
        for(var i=0;i<outputsHour.length;i++){
 
          outputsHour[i].innerHTML = getFormatedHour(+outputsHour[i].getAttribute("data-gmt"));
        }
        for(var i=0;i<outputsDate.length;i++){          
          outputsDate[i].innerHTML = getFormatedDate(); 
        }
 
      }
 
      gmtLocal = -date.getTimezoneOffset() / 60;
      if(document.getElementById("gmtlocal")){ 
        document.getElementById("gmtlocal").innerHTML = "GMT " + ((gmtLocal < 0) ? "-" : "+") + gmtLocal;
      }
      if(document.getElementById("local")){
        document.getElementById("local").id = gmtLocal;
      }
 
      setInterval(temps, 1000);
 
      function getFormatedHour(gmt){
        var dateTmp = new Date(date.getTime() + ((gmt - gmtLocal) * 3600 * 1000));
        var str = "";
        str += padTo2(dateTmp.getHours()) + ":" + padTo2(dateTmp.getMinutes()) + ":" + padTo2(dateTmp.getSeconds());
 
        return str;
      }
 
      function getFormatedDate(){        
     //   var tab_jour = new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi");
        var tab_jour = new Array("", "", "", "", "", "", "");  
        var str = tab_jour[date.getDay()] + " " +padTo2(date.getDate()) + "/" + padTo2(date.getMonth() + 1) + "/" + padTo2(date.getFullYear());
 
        return str ;
      }
 
 
      function padTo2(num){
        if(num < 10){
          return "0" + num;
        }
        else{
          return num + "";
        }
      }
    </script>

Mais je ne comprend pas ou je doit intégrer dans ma ligne de code

Code:

<td class="heure"> </td>

Merci et bonne fin d’après midi

Max

30/07/2017, 17h08
apdf1

Re,

J'ai essayer de remplacer

Code:

+outputsHour[i].id

par

Code:

parseInt(outputsHour[i].id, 10)

sa ne fonctionne pas?
30/07/2017, 17h09
Kennel sébastien

Remplace :

Code:



Par :

Code:



PS: personnellement je ne recherche pas à rendre ton code propre, juste à faire en sorte qu'il marche comme tu le souhaites…
30/07/2017, 17h18
apdf1

Re,

Non sa ne change rien ou alors????

Remplace :

Code:

1
2
3
for(var i=0;i<outputsHour.length;i++){
    outputsHour[i].innerHTML = getFormatedHour(+outputsHour[i].getAttribute("data-gmt"));
}

Par :

Code:

1
2
3
4
5
6
7
8
        let gmt;
 
        for(var i=0;i<outputsHour.length;i++){
          gmt = outputsHour[i].getAttribute("data-gmt");
          gmt = (gmt === null) ? 0 : parseInt(gmt, 10);
 
          outputsHour[i].innerHTML = getFormatedHour(gmt);          
        }

30/07/2017, 17h29
apdf1

Re,

Non sa me donne la même heure de partous?

Mais tu as quoi dans le code html, parce que j'ai testé et ça fonctionne…

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Date & heure GMT</title>
  </head>
  <body>
 
    Sans id (il manque 2 heures à Paris) : <br>
    ---> <span class="date"></span> - <span class="hours"></span>    
 
    <br>
    <br>
    Avec un id égale à 2 (Paris GMT+2) : <br>
    ---> <span class="date"></span> - <span data-gmt="2" class="hours"></span>
    <br>
 
    <br>
    <span id="gmtlocal"></span>
    <span id="local">...</span>
 
    <script>
      var date = new Date()
      var gmtLocal;
 
      function temps(){
        date = new Date();
        var outputsHour = document.getElementsByClassName("hours");
        var outputsDate = document.getElementsByClassName("date");
        
        let gmt;
 
        for(var i=0;i<outputsHour.length;i++){
          gmt = outputsHour[i].getAttribute("data-gmt");
          gmt = (gmt === null) ? 0 : parseInt(gmt, 10);
 
          outputsHour[i].innerHTML = getFormatedHour(gmt);          
        }
        
        for(var i=0;i<outputsDate.length;i++){          
          outputsDate[i].innerHTML = getFormatedDate(); 
        }
      }
 
      gmtLocal = -date.getTimezoneOffset() / 60;
      if(document.getElementById("gmtlocal")){ 
        document.getElementById("gmtlocal").innerHTML = "GMT " + ((gmtLocal < 0) ? "-" : "+") + gmtLocal;
      }
      if(document.getElementById("local")){
        document.getElementById("local").id = gmtLocal;
      }
 
      setInterval(temps, 1000);
 
      function getFormatedHour(gmt){
        var dateTmp = new Date(date.getTime() + ((gmt - gmtLocal) * 3600 * 1000));
        var str = "";
        str += padTo2(dateTmp.getHours()) + ":" + padTo2(dateTmp.getMinutes()) + ":" + padTo2(dateTmp.getSeconds());
 
        return str;
      }
      function getFormatedDate(){        
        var tab_jour = new Array("Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi");
        var str = tab_jour[date.getDay()] + " " +padTo2(date.getDate()) + "/" + padTo2(date.getMonth() + 1) + "/" + padTo2(date.getFullYear());
 
        return str ;
      }
 
      function padTo2(num){
        if(num < 10){
          return "0" + num;
        }
        else{
          return num + "";
        }
      }
    </script>
 
  </body>
</html>

30/07/2017, 17h42
apdf1

Re,

A paris il est : 17h42 au 30/07/2017
Si tu met ceci - 
tu devrais avoir 21 de moin soit: 17hh42 - 23h00 =18h42 mais du 29/07/2017
30/07/2017, 19h29
Beginner.

Salut,

@NoSmoking : Oui tout-à-fait merci pour le rappel. En fait le code initial n'est pas de moi, j'ai juste rajouté l'affichage de la date et c'est d’après le code que j'ai compris qu'il fallait ajouter un id pour préciser le décalage horaire.

Il y a d'ailleurs d'autres choses que je ferais autrement...

Citation:

Envoyé par apdf1

Excuse moi de ne pas avoir répondu avant. Je te remercie pour le code et les explications, je viens de tester sa fonctionne presque normalement sauf bémol, la date ne suis pas
id= "-11" class="hours".
Je m'explique temps que mais des id= "4" ou +6 tous va bien la date affiche la date du jour
des que tu affiche id= "-8" ou -6 la date ne se mais pas à la date de la veille
ex: si à paris il est 7h00 et nous somme le 30/07/2017 à
Papeete > Polynésie Française il est 19h 00 mais le 29/07/2017

Oui désolé, j'y avais pensé par la suite et je me suis dit que j'allais revenir voir ça...

Teste ça : http://jsbin.com/kimemuyapi/edit?html,output
30/07/2017, 19h42
Beginner.

Ceci dit si tu veux tenir compte du conseil de NoSmoking il suffit de reprendre la modification faite par Kennel sébastien
30/07/2017, 19h48
apdf1

Salut Beginner.

Je te remercie mais j'ai toujours se problème de date si tu met il devrais affiché 03:49:00 au 31/07/2017 alors qui m'affiche 03:49:00 au 30/07/201

@+ et merci

Max
30/07/2017, 19h59
Beginner.

Citation:

Envoyé par apdf1

Je te remercie mais j'ai toujours se problème de date si tu met il devrais affiché 03:49:00 au 31/07/2017 alors qui m'affiche 03:49:00 au 30/07/201

Oui eh bien c'est normal : l'heure est correcte comme tu le vois et pour la date il faut faire pareil : .

Donc pour la date et l’heure : - .

As-tu testé le code que j'ai mis en lien ? Il y a des exemples dedans...
30/07/2017, 20h00
Beginner.

Encore une fois : Ceci dit si tu veux tenir compte du conseil de NoSmoking il suffit de reprendre la modification faite par Kennel sébastien

Vous vous entêtez avec vos ID alors qu'il n'en est nul besoin.

Sur base de cette structure HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<p data-gmt="-8">
  GMT -8 :
  <span class="date"></span>
  -
  <span class="heure"></span>
<p>
<p data-gmt="2">
  GMT +2 :
  <span class="date"></span>
  -
  <span class="heure"></span>
<p>
<p data-gmt="8">
  GMT +8 :
  <span class="date"></span>
  -
  <span class="heure"></span>
<p>

il suffit de récupérer les éléments participants au calcul/affichage. Il y a autant d'éléments possédant une data-gmt que d'éléments ayant la class="date" et d'éléments ayant la class="heure".

De tout ceci en découle le code suivant :

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
// récup des éléments, pas besoin d'ID
var oDest = document.querySelectorAll('[data-gmt]');
var destDate = document.querySelectorAll('.date');
var destHeure = document.querySelectorAll('.heure');
// récup. du décalage
var date = new Date();
var gmtLocal = - date.getTimezoneOffset() / 60;
var hms = 3600 * 1000;
 
function showDate() {
  var dTmp;
  var gmt;
  var i;
  var nb = oDest.length;
  date = new Date();
  for (i = 0; i < nb; i += 1) {
    // récup. de l'écart
    gmt = oDest[i].dataset.gmt * 1;
    // récup. de la date correspondante
    dTmp = new Date(date.getTime() + ((gmtLocal - gmt) * hms));
    // affichage résultats
    destDate[i].textContent = dTmp.toDateString();
    destHeure[i].textContent = dTmp.toTimeString().split(' ') [0];
  }
  // rappel de la fonction
  setTimeout(showDate, 1000);
}
// appel de la fonction
showDate();

Voilà une façon simple de faire.

Nota : dataset, reconnu qu'à partie de IE11, peut être remplacé par getAttribute('data-gmt').

30/07/2017, 22h12
apdf1

Re bonsoir NoSmoking

Je te remercie beaucoup claire net et précis si je peut me permettre peut tu me dire comment afficher les jour et mois en français ?

Mercie d'avance et boonne soirée

max
30/07/2017, 22h22
Beginner.

Citation:

Envoyé par NoSmoking

Vous vous entêtez avec vos ID alors qu'il n'en est nul besoin.

Salut, je t'ai répondu au message 18 (je ne sais pas si tu l'as vue) :

"@NoSmoking : Oui tout-à-fait merci pour le rappel. En fait le code initial n'est pas de moi, j'ai juste rajouté l'affichage de la date et c'est d’après le code que j'ai compris qu'il fallait ajouter un id pour préciser le décalage horaire."

Donc moi je suis tout-à-fait d'accord avec toi d'ailleurs j'avais suivi ton conseil et je mettais fait une version avec les data ici : http://jsbin.com/dudoqaqayo/edit?html,output mais c'est à apdf1 de voir si il veut suivre le conseil ou non... Mais je ne peux pas lui imposer alors j'ai juste rajouter ce qu'il voulait mais c'est sûr parfois c'est mieux de refaire le code, là aussi on est d'accord...

Citation:

Envoyé par NoSmoking

Nota : dataset, reconnu qu'à partie de IE11, peut être remplacé par getAttribute('data-gmt').

Oui c'est ce que j'avais fait dans le lien ci-dessus, j'ai repris ça du code de Kennel sébastien...

Merci pour l'exemple avec les dataset...

Citation:

Envoyé par NoSmoking

Voilà une façon simple de faire.

Merci j'ai testé ton code ici : http://jsbin.com/gurumikufu/edit?html,js,output

J'ai juste fait une petite correction :

remplacement de : dTmp = new Date(date.getTime() + ((gmtLocal - gmt) * hms));

par dTmp = new Date(date.getTime() + ((gmt - gmtLocal) * hms));
30/07/2017, 22h26
Beginner.

Citation:

Envoyé par apdf1

Re bonsoir NoSmoking

Je te remercie beaucoup claire net et précis si je peut me permettre peut tu me dire comment afficher les jour et mois en français ?

Dans le code que j'ai posté j'ai mis les jours en français, l'as-tu testé ? Il ne fonctionne pas chez toi ?

PS : Tu as testé le code de NoSmoking ? Parce que il me semble qu'il y a avait une petite correction à faire... Mais attend la confirmation de NoSmoking ça vaut mieux on sait jamais, je me trompe peut-être...
30/07/2017, 22h55
apdf1

Re,

Le code de NoSmoking fonctionne très bien sauf que j'aurais aimé avoir les jours et les mois en français .

Merci à tous et bonne soirée

Max

Citation:

Envoyé par Beginner.

J'ai juste fait une petite correction :

je m'en sors bien car le but du code était surtout de montrer comment structurer pour pouvoir utiliser un boucle pour le traitement, pas franchement regardé les résultats :oops:

Voici donc un exemple plus complet avec une autre approche pour le formatage de la sortie d'affichage, le code est commenté je vous laisse lire

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="fr" >
<head>
<meta charset="UTF-8">
<meta name="Author" content="NoSmoking">
<title>Affichage heure suivant GMT</title>
<style>
html, body{
  margin: 0;
  padding: 1em;
  font: 1em/1.5 Verdana, sans-serif;
}
p:before {
  content: "(GMT " attr(data-gmt) ") ";
  font-size: .8em;
  color: #888;
}
p span {
  text-indent: 1em;
}
.date:before {
  content: " ";
  display: block;
}
.heure {
  font-style: italic;
  color: blue;
}
</style>
</head>
<body>
<p data-gmt="+10">
  <b>Sydney</b> :
  <span class="date"></span>
  <span class="heure"></span>
</p>
<p data-gmt="+7">
  <b>Bangkok</b> :
  <span class="date"></span>
  <span class="heure"></span>
</p>
<p data-gmt="+2">
  <b>Paris</b> :
  <span class="date"></span>
  <span class="heure"></span>
</p>
<p data-gmt="-4">
  <b>New-York</b> :
  <span class="date"></span>
  <span class="heure"></span>
</p>
<p data-gmt="-10">
  <b>Papeete</b> :
  <span class="date"></span>
  <span class="heure"></span>
</p>
<script>
// récup des éléments, pas besoin d'ID
var oDest = document.querySelectorAll('[data-gmt]');
var destDate = document.querySelectorAll('.date');
var destHeure = document.querySelectorAll('.heure');
// récup. du décalage
var date = new Date();
var gmtLocal = - date.getTimezoneOffset() / 60;
var hms = 3600 * 1000;
var options = {weekday: "long", year: "numeric", month: "long", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit"};
 
// because IE11 & Edge ne prennent pas en compte correctement text-transform: capitalize;
function capitalize(str) {
  return str.replace(/(\b[a-z](?!\s))/g, function (x) {
    return x.toUpperCase();
  });
}
 
function showDate() {
  var gmt;
  var dTmp;
  var sDate;
  var sJour;
  var sTime;
  var i;
  var nb = oDest.length;
  date = new Date();
  for (i = 0; i < nb; i += 1) {
    // lecture écart
    gmt = oDest[i].getAttribute('data-gmt') /*dataset.gmt*/ * 1;
    // récup. de la date correspondante
    dTmp = new Date(date.getTime() + ((gmt - gmtLocal) * hms));
    // récup format local
    sDate = dTmp.toLocaleString('fr-FR', options).split(' ');
    // jour dans les 4 premier éléments
    sJour = sDate.slice(0,4);
    // heure dans dernier élément
    sTime = sDate.pop();
    // affichage résultats
    destDate[i].textContent = capitalize( sJour.join(' '));
    destHeure[i].textContent = sTime;
  }
  // rappel de la fonction
  setTimeout(showDate, 1000);
}
// appel de la fonction
showDate();
</script>
</body>
</html>

Nota :

• ! Pas sûr qu'avec cette méthode les résultats soient corrects aux changement d'heure.
• Pour une bibliothèque complète il existe Moment.js et Moment Timezone.
• Plein de bonnes informations sur l'objet Date (MDN).

31/07/2017, 18h11
apdf1

Bonjour NoSmoking

Si j'ai un mot à dire BRAVO exactement la recherche
Je te remercie et te souhaite une bonne fin d’après midi

A bientôt je l’espère

Max
31/07/2017, 18h15
NoSmoking

Fais quand même en sorte de changer ça :

Citation:

Envoyé par apdf1

Je te remercie mais moi et le javascript sa fait deux.

;)
31/07/2017, 18h22
apdf1

Re,

je te promet que je vais faire des efforts en javascript je vois que l'on peut réaliser de belle choses

Merci et bonne soirée

Max