Widget horloge gratuit en Javascript et/ou CSS3

Présentation

Des widgets d'horloges gratuits pour égayer votre site web. En Html5 avec Javascript et/ou CSS3 mais pas de Flash. Ce sont soit des services à intégrer tels quels soit du code à inclure dans le vôtre. En tous cas même si ce n'est pas indispensables elles ont toutes un bon côté : Elles sont sympas !

Je vous propose 14 services d'horloges au

  1. 24 Time Zones - HorlogeHTML5
  2. Clock Link - Horloge/calendrierHTML5
  3. Draznin Ilia - HorlogeCSS3 pur
  4. DaysPedia - Service d'horlogeCSS, JS
  5. Drogbaster.it - Horloge/calendrierHTML5
  6. Hanus Peter - Horloge analogiqueJS, jQuery Nouveauté
  7. Hutchinson Donovan - Horloge mondialeCSS, JS
  8. Informatique Gifs - Horloge, date du jourGif&
  9. Maree.info - Horloge des maréesJavascript
  10. My House On Web - Horloge/calendrierJavascript
  11. Time and date - HorlogeJavascript
  12. Time.is - L'heure exacteJavascript
  13. Wang-Hoye Andrew - Horloge 3DJavascript
  14. World Time Server - HorlogeHTML5

24 Time Zones - Horloge en HTML5

Voir l'horloge

Les caractéristiques

  • HTML5, Javascript
  • 3 choix : Horloge analogique, numérique et ajout de texte
  • Autant d'horloges que vous voulez
  • Multilingues
widget gratuit avec horloge numérique ou analogique
Site de référence

[Créé / modifié] [25-05-2016 / 11-11-2020]

positionneen début de page

Clock Link - Horloge en HTML5

Voir l'horloge

Les caractéristiques

  • HTML5, Javascript
  • Classement : Plus récent; 24 heures; Analogique; Animation; Compte à rebours et à la hausse; Numérique; Logo et personnalisé; Horloge mondiale
  • Pour certaines vous pouvez choisir une taille, une couleur
  • Avant de copier le code il faut régler l'horloge sur le bon fuseau horaire.
widget gratuit avec horloge numérique, analogique, calendrier, compte à rebours
Site de référence

[Créé / modifié] [12-05-2006 / 11-11-2020]

positionneen début de page

Draznin Ilia - Horloge en CSS3 pur

Voir l'horloge

Les caractéristiques

  • CSS3 pur
  • Il s'agit d'une horloge purement CSS3. Il utilise des animations et des formes CSS, sans aucune image ni JavaScript.
  • Service développé par Ilia Draznin
  • Challenge : la mettre à l'heure !
widget gratuit de l'horloge des marées
Site de référence

[Créé / modifié] [27-08-2020 / 11-11-2020]

positionneen début de page

DaysPedia - Service d'horloge

Ce service est proposé par Final Level.

Voir l'horloge

Les caractéristiques

  • Numérique ou analogique
  • CSS, JS
  • Intégration en iFrame possible
  • Paramètres de fonctionnement: 12/24h; Secondes; Clignotement; Ajustement; Marges; etc...
  • Paramètres grphiques: Arrière plan; Coin arrondi; Couleurs; etc...
horloge numerique ou analogique en CSS et JavascriptS
Site de référence

[Créé / modifié] [20-11-2020 / 20-11-2020]

positionneen début de page

Drogbaster - Horloge en HTML5

Des dizaines et des dizaines d'horloges mais pas que... Des gadgets pour webmasters comme : des calculettes, des convertisseurs, des animations des phases de lune, des outils pour un calcul d'affinités, jeu de dames, etc... Une mine d'or.

Voir l'horloge

Les caractéristiques

  • HTML5, iFrame
  • Aucun paramètre
  • Les tailles dans les paramètres de l'iFrame ne sont pas toujours bien indiqués : height="XXX" width="XXX"
horloges gratuites à intégrer à votre site web gratuitement
Site de référence

[Créé / modifié] [13-04-2016 / 11-11-2020]

positionneen début de page

Hanus Peter - Horloge analogique

Voir l'horloge

Les caractéristiques

  • Horloge analogique responsive
  • CSS3, JS, jQuery, ResizeSensor.js, ElementQueries.js
horloge reponsive gratuite pour site web
Site de référence

[Créé / modifié] [30-11-2020 / 30-11-2020]

positionneen début de page

Hutchinson Donovan - Horloge en CSS et JS

Une horloge en CSS et Javascript avec un tuto aux petits oignons

Voir l'horloge

Les caractéristiques

  • Horloge mondiale
  • CSS3, JS, Moment.js
  • Un tuto extraordinaire, en pas à pas
  • Animations et transitions en CSS
  • Javascript pour déterminer l'heure exacte et initier quelques transformations CSS (dixit)
  • Responsive
  • Super !
coment faire une horloge en CSS et Javascript pour son site web
Site de référence

[Créé / modifié] [19-11-2020 / 19-11-2020]

positionneen début de page

Informatique Gifs - Horloges, date du jour

Un site qui a de l'ancienneté, qui tient bien et qui est riche de : Fonds d'écran; D'images animées; De cliparts; De créations; De smileys; etc... Bravo à Sébastien Leroy !

Voir l'horloge

Les caractéristiques

  • Un code Javascript à récupérer
une horloge animee ne image gif
Site de référence

[Créé / modifié] [20-11-2020 / 20-11-2020]

positionneen début de page

Maree.info - Horloge des marées

Voir l'horloge

Les caractéristiques

  • Javascript, iFrame
  • Widget Horloge
  • Un paramètre : Le port, à sélectionner dans la liste fournie
  • Comment lire une horloge de marée ? À voir sur le site du service : 'http://horloge.maree.frbateaux.net/'
  • L'exemple de Saint-Malo a été retenu mais vous pouvez choisir le port qui vous intéresse.
widget gratuit de l'horloge des marées
Site de référence

[Créé / modifié] [30-07-2013 / 11-11-2020]

positionneen début de page

My House On Web - Horloge/calendrier

Ce site tout en douceur et en gentillesse, vous propose : Des horloges; Des calendriers; Des mini calendriers; Et énormément de créations graphiques.

Des gifs animées, des blinkies, des cartes de souhaits, des smileys et quelques services.

Voir l'heure

Les caractéristiques

  • Javascript, iFrame
  • Site en italien
  • Widget Horloge et calendrier
  • Pas de paramétrage
  • Beaucoup de choix et de créations
widget horloge calendrier
Site de référence

[Créé / modifié] [02-04-2016 / 11-11-2020]

positionneen début de page

Time and date - Horloge et compte à rebours

Voir l'heure

Les caractéristiques

  • Javascript, iFrame
  • Widget Horloge et/ou Date du jour
  • Paramètres : Couleurs, bordures, polices, etc...
  • Les horloges s'adaptent automatiquement à l' heure d'été , si nécessaire.
  • Multilingue
  • Vous pouvez placer jusqu'à six horloges sur une seule page.
  • Existe aussi la possibilité d'ajouter la date
l'heure et la date gratuitement sur votre site web
Site de référence

[Créé / modifié] [05-09-2018 / 11-11-2020]

positionneen début de page

Time.is - L'heure exacte

Voir l'heure

Les caractéristiques

  • Javascript
  • Widget Horloge donnant l'heure exacte
  • Paramètres : Lieu, format de l'heure, couleur, taille de la police, etc...
  • Il existe une version qui affiche seulement l'heure et une version qui peut afficher l'heure, la date, l'heure du lever et du coucher du soleil et la durée du jour.
  • Le script principal est disponible en plusieurs langues.
  • L'exemple, ci-dessus, est sans feuille de style
  • Le service n'est pas responsive (pardon) alors n'utilisez pas une police de caractères trop grande
l'heure exacte sur votre site web
Site de référence

[Créé / modifié] [11-02-2015 / 11-11-2020]

positionneen début de page

Wang-Hoye Andrew - Horloge 3D

Voir l'horloge 3D

Les caractéristiques

  • Javascript, Modernizr
  • Widget Horloge 3D
  • Il s'agit d'une horloge purement CSS3. Elle utilise des animations et des 'div' de CSS, sans rien d'autre.
  • Service développé par Wang-Hover Andrew
  • Elle est à l'heure à chaque ouverture de la page et elle est responsive. Génial !
l'heure exacte sur votre site web
Site de référence

[Créé / modifié] [27-08-2020 / 11-11-2020]

positionneen début de page

World Time Server - Horloge

Voir l'horloge

Les caractéristiques

  • HTML5, iFrame
  • Widget Horloge analogique/numérique
  • Mise à jour automatique heure été/hiver
heure été/heure hiver automatique
Site de référence

[Créé / modifié] [26-11-2016 / 11-11-2020]

positionneen début de page