×

The Time.is app is now available in the App Store! More info

Widget d'horloge gratuit et personnalisable pour votre site web

Vous voulez l'heure exacte sur votre site web ? Ou la date du jour, l'heure du lever ou du coucher de soleil, la durée du jour ? Choisissez simplement vos options ci-dessous et copiez le code ! C'est gratuit !

Options

Lieu
New York, USA
Pour choisir un autre lieu, veuillez utiliser la boîte de recherche en haut à droite.
Que voulez-vous afficher ?




Format de l’heure



Format de date




 
Jour:
daynamelundi
dnamelun
daynum01-31
dnum1-31
day_in_yjour 1-366
Semaine:
weeksemaine 36
mois:
monthnameseptembre
monthnum01-12
mnum1-12
année:
year2014
yy14
Couleur et taille
px
À quoi cela va ressembler
Heure à New York :
Le résultat final peut être différent, selon les feuilles de style de votre page web.
Vous pouvez styler le widget comme vous le souhaitez avec les CSS.

Voici le code de votre widget d'horloge :

Conditions d'utilisation

  • Un lien vers Time.is doit être clairement visible sur votre page web. Vous pouvez reformuler ou traduire le texte du lien, mais il doit contenir : Time.is, heure, le nom du lieu (New York) ou le nom du fuseau horaire (EDT). Liens textes acceptés : "Heure à New York", "New York", "Heure actuelle". Liens textes non-acceptés : "Cliquez ici"
  • Votre page web ne doit pas se rafraîchir automatiquement.
  • L'utilisation dans des applications ou des scripts n'est pas autorisée.
  • Le widget est fourni sans garantie.
  • Le widget est gratuit, à moins que le contenu principal de votre site soit ce widget.
  • Time.is se réserve le droit de bloquer votre widget si ces conditions ne sont pas respectées.

Utilisation avancée

Il y a deux scripts de widget : Une version simplifiée, t.js, qui affiche seulement l'heure, et le script du widget principal, fr.js, qui peut afficher l'heure, la date, l'heure du lever et du coucher du soleil et la durée du jour. Le script du widget principal est disponible en plusieurs langues. Pour les autres langues, remplacez fr dans le nom du script par le code de la langue de votre choix. (Par exemple pl.js pour le polonais, ou tr.js pour le turc.)

Paramètres de la fonction init

ParamètreMots-clés validesValeur par défaut
templateTIME, DATE, SUNTIME
time_formathours, minutes, seconds, 12hours, AMPMhours:minutes:seconds
date_formatdayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, yearyear-monthnum-daynum
sun_formatsrhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutessrhour:srminute-sshour:ssminute
coordsLa latitude et la longitude du lieu. Nécessaire pour afficher les heures de lever et coucher du soleil et la durée du jour.
idPour identifier le lieu et le fuseau horaire côté serveur. Requis si le nom du lieu contient des caractères non-ascii, et si vous changez l'id de l'élément HTML.
callbackLe nom d'une fonction qui sera appelée à chaque seconde, avec le template affiché comme paramètre. (Optionnel)

Les noms et les mots-clés sont sensibles à la casse. Vous pouvez utiliser du HTML et d'autres contenus dans les paramètres template, time_format, date_format et sun_format.

De multiples horloges peuvent être créées comme ceci :

UTC time: <span id="UTC_za00"></span><br/>
New York sunrise time: <span id="New_York_z161"></span><br/>
Tokyo sunrise time: <span id="Tokyo_z444"></span><br/>
Find the <a href="http://time.is/" id="time_is_link">current time for any location or time zone on Time.is!</a>
<script src="http://widget.time.is/fr.js"></script>
<script>
time_is_widget.init({
	UTC_za00 : {},
	New_York_z161 : {
		template: "SUN",
		sun_format: "srhour:srminute",
		coords: "40.71427,-74.00597"
		},
	Tokyo_z444 : {
		coords: "59.33258,18.06490"
		}
	});
</script>

Résultat :

UTC time:
New York sunrise time:
Tokyo sunrise time:
Find the current time for any location or time zone on Time.is!

Les valeurs des paramètres time_format, date_format, sun_format et template sont héritées, vous n'avez donc pas à les répéter si leurs valeurs sont les mêmes que dans le widget défini précédemment.

 

 
17:02:00

lundi 1 septembre 2014, semaine 36

New York, USA

Soleil : ↑ 06:24 ↓ 19:28 (13h 4min) - Plus d’infos