Affiche l'heure avec javascript

**developer5** · 17/03/2011, 17h40

Bonjour,

je suis en trains de developper une intranet avec sharepoint qui est liee a plusieurs pays
je desire afficher l'heure de chaque pays avec javascript :
par exemple
london:heure de london(temps evolue en secondes c-a -d n'est pas statique)
Francelondon:heure de france

merci

**SpaceFrog** · 17/03/2011, 18h54

Code :

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

ladate.setHours(ladate.getHours()+decalage)

dans un setInterval 1000 ms

**Willpower** · 17/03/2011, 19h53

Code html :

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

1
2
bxl: <span id="bxl"></span><br/>
N-Y <span id="ny"></span>

Code js :

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
var listHtmlElem = [];
//listHtmlElem.push([$(DIV_ID),GMT]);
listHtmlElem.push([$('bxl'),+1]);
listHtmlElem.push([$('ny'),-4]);
function $(id){
	return document.getElementById(id);
}
function displayTime(HtmlElem,gmt){
	var date = new Date();
	var utc = gmt;
	utc *= 60; // minutes
	utc += date.getTimezoneOffset(); // correction local -> gmt
	utc *= 60000; // millisecondes
	HtmlElem.innerHTML = new Date(date.getTime() + utc).toGMTString() + "(" + (gmt>0?"+":"") + gmt + ")" ;
}
function updateTime(){
	for(var i in listHtmlElem)
		displayTime(listHtmlElem[i][0],listHtmlElem[i][1]);
}
setInterval(updateTime,1000);

**SpaceFrog** · 17/03/2011, 20h06

ben c'est qu'est ce que j'ai dit

**Willpower** · 17/03/2011, 20h33

Envoyé par SpaceFrog

ben c'est qu'est ce que j'ai dit

j'avais pas vu ta réponse

(cliqué sur reply et j'ai répondu 1 heure plus tard^^)

**SpaceFrog** · 17/03/2011, 21h00

Non mais au moins ça monte que l'on est cohérents dans nos réponses

Tu as juste été plus loin que moi dans ta réponse, alors que de mon coté j'essaye d'encourager les gens a chercher par eux mêmes.
Mais merci :cool:

**developer5** · 17/03/2011, 21h28

je vous remercie enormement , j'ai copié le code comme il est et je l'ai met dans balises <script > mais malheureusemet ça marche pas.
je ne sais pas quoi faire

**Willpower** · 17/03/2011, 22h32

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
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
bxl: <span id="bxl"></span><br/>
N-Y <span id="ny"></span>
<body>
<script type="text/javascript">
var listHtmlElem = [];
//listHtmlElem.push([$(DIV_ID),GMT]);
listHtmlElem.push([$('bxl'),+1]);
listHtmlElem.push([$('ny'),-4]);
function $(id){
	return document.getElementById(id);
}
function displayTime(HtmlElem,gmt){
	var date = new Date();
	var utc = gmt;
	utc *= 60; // minutes
	utc += date.getTimezoneOffset(); // correction local -> gmt
	utc *= 60000; // millisecondes
	HtmlElem.innerHTML = new Date(date.getTime() + utc).toGMTString() + "(" + (gmt>0?"+":"") + gmt + ")" ;
}
function updateTime(){
	for(var i in listHtmlElem)
		displayTime(listHtmlElem[i][0],listHtmlElem[i][1]);
}
setInterval(updateTime,1000);
 
</script>
</body>
</html>

**developer5** · 18/03/2011, 10h10

Bonjour,merci pour vous ça marche tres bien

mais un petit probleme il affiche le temps et utc a la fois:
pour bien expliquer il affiche par exemple:
FRI,18 Mar 2011,10:09.35 UTC
cette chaine soulignee "utc " e ne veux pas qu'elle s'affiche.
merci

**SpaceFrog** · 18/03/2011, 10h29

Code :

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

HtmlElem.innerHTML = new Date(date.getTime() + utc).toGMTString() + "(" + (gmt>0?"+":"") + gmt + ").toLocaleString()" ;

**Willpower** · 18/03/2011, 10h29

http://www.quackit.com/javascript/ja..._functions.cfm

**developer5** · 18/03/2011, 10h31

Bonjour ,
j'ai trouv une solution (j'ai utilise replace('utc' ,'')

je remercie tous
merci pour vous

Affiche l'heure avec javascript

JavaScript

Discussions similaires

Partager

Partager