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
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 (EST). 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ètre | Mots-clés valides | Valeur par défaut |
| template | TIME, DATE, SUN | TIME |
| time_format | hours, minutes, seconds, 12hours, AMPM | hours:minutes:seconds |
| date_format | dayname, dname, daynum, dnum, day_in_y, week, monthname, monthnum, mnum, yy, year | year-monthnum-daynum |
| sun_format | srhour, srminute, sr12hour, srAMPM, sshour, ssminute, ss12hour, ssAMPM, dlhours, dlminutes | srhour:srminute-sshour:ssminute |
| coords | La latitude et la longitude du lieu. Nécessaire pour afficher les heures de lever et coucher du soleil et la durée du jour. | |
| id | Pour 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. | |
| callback | Le 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="">current time for any location or time zone on Time.is!</a>
<script src="https://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 :
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.
