×

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, États Unis
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 12
mois:
monthnamemars
monthnum01-12
mnum1-12
année:
year2024
yy24
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

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="https://time.is/" id="time_is_link" rel="nofollow">current time for any location or time zone on Time.is!</a>
<script src="//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.

 
 
lundi 18 mars 2024, semaine 12