Heure JSon # Heure PC

Version imprimable

Bonjour à tous !

Je rencontre un soucis en javascript (que je ne maitrise pas) et sollicite votre aide.

En fait, j'ai un compte a rebours auquel je voudrais remplacer la date du PC par la date de la zone de connexion (Abidjan dans mon cas).

En fait, si le PC n'est pas à jour, le compte a rebours est faux parce qu’à une heure précise le script doit afficher une <div>.

J'ai cherché du côté de

Code:

gettimezoneoffset

n'arrive pas à adapter mon code et j'ai cherché du côté JSon qui ne réponds pas non plus à mes attentes.

Pouvez-vous m'aider svp ? 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
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
<div id="after">
	<span id="dhour"></span>:<span id="dmin"></span>:<span id="dsec"></span>
</div>
<div id="count2">Texte à afficher</div>
 
<div class="numbers" id="dday" hidden="true"></div>
 
<script>
var ladate=new Date()
 
var year=ladate.getFullYear();
var month=ladate.getMonth()+1;
var day=ladate.getDate();
var hour=9;
var minute=10;
var tz=0;
 
var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");
 
function countdown(yr,m,d,hr,min){
theyear=yr;themonth=m;theday=d;thehour=hr;theminute=min;
var today= new Date(); 
var todayy=today.getYear();
if (todayy < 1000) {todayy+=1900; }
 
var todaym=today.getMonth();
var todayd=today.getDate();
var todayh=today.getHours();
var todaymin=today.getMinutes();
var todaysec=today.getSeconds();
var todaystring1=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
var todaystring=Date.parse(todaystring1)+(tz*1000*60*60);
var futurestring1=(montharray[m-1]+" "+d+", "+yr+" "+hr+":"+min);
var futurestring=Date.parse(futurestring1)-(today.getTimezoneOffset()*(1000*60));
var dd=futurestring-todaystring;
var dday=Math.floor(dd/(60*60*1000*24)*1);
var dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
var dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
var dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
 
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=0){
document.getElementById('count2').style.display="inline";
document.getElementById('after').style.display="none";
 
document.getElementById('dday').style.display="none";
document.getElementById('dhour').style.display="none";
document.getElementById('dmin').style.display="none";
document.getElementById('dsec').style.display="none";
document.getElementById('days').style.display="none";
document.getElementById('hours').style.display="none";
document.getElementById('minutes').style.display="none";
document.getElementById('seconds').style.display="none";
return;
}else {
document.getElementById('count2').style.display="none";
document.getElementById('dday').innerHTML=dday;
document.getElementById('dhour').innerHTML=dhour;
document.getElementById('dmin').innerHTML=dmin;
document.getElementById('dsec').innerHTML=dsec;
setTimeout("countdown(theyear,themonth,theday,thehour,theminute)",1000);}
}
 
countdown(year,month,day,hour,minute);
</script>

Merci de votre aide,
Sinistrus

11/01/2017, 10h39
SpaceFrog

http://www.developpez.net/forums/d81...-date-serveur/
11/01/2017, 10h44
sinistrus

Merci SpaceFrog de t'intéresser à mon sujet.

L'heure du serveur me mettra +2h et lorsque l'heure d'été sonnera je serai à +1h or l'heure d'Abidjan ne change pas. Voilà pourquoi je souhaite passer à JSon.
Ca fait 2 semaines que je cherche, mon cerveau va exploser :'(
12/01/2017, 08h46
SpaceFrog

ben un serveur de temps alors ...
http://www.pool.ntp.org/zone/africa

Avec moment et timezone on peut très facilement obtenir l'heure dans le fuseau horaire de son choix.

moment.js :

http://momentjs.com/
fichier : moment-with-locales.js

timezone :

http://momentjs.com/timezone/
fichier "moment-timezone-with-data.js"

Exemple

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
<!DOCTYPE html>
<html lang="fr" dir="ltr">
<head>
  <meta http-equiv="cache-control" content="public, max-age=60">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="author" content="Daniel Hagnoul">
  <title>Test</title>
  <style>
 
  </style>
  <script src="moment-with-locales.js"></script>
  <script src="moment-timezone-with-data.js"></script>
  <script>
    'use strict';
 
    document.addEventListener( 'DOMContentLoaded', ev => {
 
    });
 
    window.addEventListener( 'load', ev => {
 
      // heure pc
      let now = moment();
 
      console.log( "heure PC")
      console.log( "secondes : ", now.second() );
      console.log( "minutes : ", now.minute() );
      console.log( "heures : ", now.hour() );
      console.log( "jour du mois : ", now.date() );
      console.log( "jour de la semaine : ", now.day() ); // fr : lundi == 0 et dimanche == 6
      console.log( "jour de l'année : ", now.dayOfYear() ); // numbers from 1 to 366
      console.log( "semaine de l'année : ", now.week() ); // fr : lundi commence la semaine
      console.log( "mois de l'année : ", now.month() + 1 ); // numbers from 0 to 11
      console.log( "trimestre de l'année : ", now.quarter() ); // numbers from 1 to 4
      console.log( "année : ", now.year() );
      console.log( "utcOffset en minutes : ", now.utcOffset() );
      console.log( "\n" );
 
      // heure d'Abidjan
      let abidjan = moment().tz("Africa/Abidjan");
 
      // heure de Buenos Aires
      let buenosAires = moment().tz("America/Argentina/Buenos_Aires");
 
      /*
       * La liste des villes disponibles
       * est à la ligne 598 du fichier
       * moment-timezone-with-data.js
       */ 
 
      // format ISO long
      const iso = "YYYY-MM-DDTHH:mm:ss.SSSZZ";
 
      console.log( "now :         ", now.format( iso ) );
      console.log( "abidjan :     ", abidjan.format( iso ) );
      console.log( "buenosAires : ", buenosAires.format( iso ) );
 
 
    });
  </script>
</head>
<body>
  <main>
 
  </main>
</body>
</html>