Widget horloge gratuit en CSS et/ou Javascript

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 !

En mode mobile vous avez accès à chaque catégorie (widget ou code) par un insert au milieu droit de l'écran

Je vous propose 31 services d'horloges au





 

Widget gratuit d'horloge pour site web

24 Time Zones - Horloge en HTML5

Caractéristiques

  • HTML5, Javascript
  • 3 choix : Horloge analogique, numérique et ajout de texte
  • Autant d'horloges que vous voulez
  • Multilingues

Image cliquable pour voir l'exemple

widget gratuit avec horloge numérique ou analogique

Références

Site web

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

Clock Link - Horloge en HTML5

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.

Image cliquable pour voir l'exemple

widget gratuit avec horloge numérique, analogique, calendrier, compte à rebours

Références

Site web

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

DaysPedia - Service d'horloge

Ce service est proposé par Final Level.

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...

Image cliquable pour voir l'exemple

horloge numerique ou analogique en CSS et JavascriptS

Références

Site web

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

Desiderenzia - Horloge/Date du jour

Ce site contient plein de ressources sympathiques : Signatures animées; Blinkies; Avatars; Animations 3D; Textures; Fichiers 'midi'; Smileys; etc...

Elles ne sont peut-être plus tout à fait au goût du jour mais, pour moi, ce site vaut le détour.

Caractéristiques

  • iFrame
  • Heure en haut, date en bas, au milieu une image animée.
  • Pas de paramétrage

Image cliquable pour voir l'exemple

widget horloge date du jour, facon gif animee

Références

Site web

[Créé / modifié] [14-12-2020 / 14-12-2020]

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.

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"

Image cliquable pour voir l'exemple

horloges gratuites à intégrer à votre site web gratuitement

Références

Site web

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

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 !

Caractéristiques

  • Un code Javascript à récupérer

Image cliquable pour voir l'exemple

une horloge animee ne image gif

Références

Site web

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

Maree.info - Horloge des marées

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.

Image cliquable pour voir l'exemple

widget gratuit de l'horloge des marées

Références

Site web

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

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.

Caractéristiques

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

Image cliquable pour voir l'exemple

widget horloge calendrier

Références

Site web

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

Piano Bleu - Horloge/Date du jour

Ce site est destiné aux amoureux du piano. Vous y trouverez, le DVD du moment, des partitions, des communiqués, les disques du moment, etc...

Caractéristiques

  • Javascript ou iFrame
  • Heure en haut, date en bas, au milieu vous avez le compositeur de votre choix. Quand vous cliquez sur le timbre vous êtes dirigés vers la biographie du compositeur.
  • Pas de paramétrage

Image cliquable pour voir l'exemple

widget horloge date du jour d'un compositeur de piano

Références

Site web

[Créé / modifié] [14-12-2020 / 14-12-2020]

Time and date - Horloge et compte à rebours

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

Image cliquable pour voir l'exemple

l'heure et la date gratuitement sur votre site web

Références

Site web

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

Time.is - L'heure exacte

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

Image cliquable pour voir l'exemple

l'heure exacte sur votre site web

Références

Site web

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

World Time Server - Horloge

Caractéristiques

  • HTML5, iFrame
  • Widget Horloge analogique/numérique
  • Mise à jour automatique heure été/hiver

Image cliquable pour voir l'exemple

heure été/heure hiver automatique

Références

Site web

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

 

Horloges avec code à disposition (Qques Open Source)

Alphardex - Horloge numérique

Développeur Frontend autodidacte en Chine. Il a créé aqua.css, un framework CSS pour le développement Web.

Caractéristiques

  • Horloge avec reflet dans l'eau
  • CSS, JS, assez peu de code
  • Responsive

Image cliquable pour voir l'exemple

horloge numerique en CSS et Javascript

Références

Site web

[Créé / modifié] [31-12-2020 / 31-12-2020]

Draznin Ilia - Horloge en CSS3 pur

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 !

Image cliquable pour voir l'exemple

widget gratuit de l'horloge des marées

Références

Site web

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

Gerasimenko Ilya - Horloge analogique

Caractéristiques

  • Horloge analogique responsive
  • CSS3, Javascript
  • Belle impression d'épaisseur
  • Jeux de lumière

Image cliquable pour voir l'exemple

horloge de style ancien en relief

Références

Site web

[Créé / modifié] [12-12-2020 / 12-12-2020]

Hanus Peter - Horloge analogique

Caractéristiques

  • Horloge analogique responsive
  • CSS3, JS, jQuery, ResizeSensor.js, ElementQueries.js

Image cliquable pour voir l'exemple

horloge reponsive gratuite pour site web

Références

Site web

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

Hayman Emily - Paris

Caractéristiques

  • Horloge numérique
  • CSS, Moment.js
  • Parfaitement responsive

Image cliquable pour voir l'exemple

horloge de style moderne en CSS et Javascript

Références

Site web

[Créé / modifié] [03-03-2021 / 03-03-2021]

Holmstrom Moses alias Thykka - Horloge analogique

Caractéristiques

  • Horloge avec mode nuit
  • CSS, Normalize.css, JS
  • Indication colorée du restant à courir sur la minute
  • Responsive

Image cliquable pour voir l'exemple

coment faire une horloge en CSS et Javascript pour son site web

Références

Site web

[Créé / modifié] [31-12-2020 / 31-12-2020]

Hutchinson Donovan - Horloge en CSS et JS

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

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 !

Image cliquable pour voir l'exemple

comment faire une horloge en CSS et Javascript pour son site web

Références

Site web

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

Kilchenmann André - Solothurn, Suisse

Caractéristiques

  • Horloge au style moderne
  • CSS, JS, jQuery
  • Très joli effet

Image cliquable pour voir l'exemple

horloge de style moderne en CSS et Javascript

Références

Site web

Site de l'auteur

[Créé / modifié] [11-01-2021 / 11-01-2021]

Krajewski Dawid - Szczecin, Pologne

Caractéristiques

  • Horloge rotative
  • CSS, jQuery
  • Bien pensé
  • Une autre horloge, du même auteur

Image cliquable pour voir l'exemple

horloge de style moderne en CSS et Javascript

Références

Site web

[Créé / modifié] [03-03-2021 / 03-03-2021]

Mereg Norbert - alias Ice Bob

Caractéristiques

  • Horloge, date du jour
  • CSS, Javascript, jQuery, Moment.js, TwinMax.js, DrawSVGPlugin.js
  • Mereg Norbert est développeur Javascript, il habite en Hongrie
  • Pas responsive, dommage !

Image cliquable pour voir l'exemple

l'horloge date du jour & mettre sur son site web gratuitement

Références

Site web

Site de l'auteur

[Créé / modifié] [18-01-2021 / 18-01-2021]

OliveiraMarcos - L'heure digitale

Caractéristiques

  • Javascript, jQuery
  • Par Oliveira Marcos - St. Petersburg, Floride
  • Belle police de caractère
  • Responsive
  • Une horloge cubique sur sa page CodePen

Image cliquable pour voir l'exemple

l'heure digitale a  placer sur votre site web gratuitement

Références

Site web

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

Pangsakulyanont Thai - Horloge analogique

Caractéristiques

  • CSS, Javascript
  • Par Thai Pangsakulyanont - Thailand
  • Apple Watch Imitation
  • L'horloge est paramétrable en direct

Image cliquable pour voir l'exemple

l'horloge analogique facon Apple

Références

Site web

[Créé / modifié] [01-02-2021 / 01-02-2021]

Sabat Tim - Horloge analogique

Caractéristiques

  • CSS, Javascript, jQuery, Prefixfree.js
  • Par Tim Sabat - Bend, Orégon, États-Unis
  • Pour les nostalgiques du réveil à quartz

Image cliquable pour voir l'exemple

l'horlage facon ancienne, facon reveil a quartz

Références

Site web

[Créé / modifié] [01-02-2021 / 01-02-2021]

Sauvé J-P - Horloge cubique

Caractéristiques

  • CSS, Javascript, jQuery
  • Par Jean-Pierre Sauvé - Montréal, QC
  • Designer & Web Developer
  • Jeu de couleurs très doux donc subtile
  • A voir également son horloge en relief (sans l'heure)

Image cliquable pour voir l'exemple

l'horloge cubique gratuite pour votre site web

Références

Site web

Site de l'auteur

[Créé / modifié] [01-02-2021 / 01-02-2021]

Searle Bill - Horloge en lettres

Caractéristiques

  • CSS, Javascript, jQuery
  • Par Bill Searle - Sydney
  • Web Developer
  • Horloge en texte, originale !

Image cliquable pour voir l'exemple

l'horloge a lire, en mots, en texte

Références

Site web

Site de l'auteur

[Créé / modifié] [18-02-2021 / 18-02-2021]

StoikTiffany - Horloge vintage

Horloge radio vintage. Très original même si c'est difficilement utilisable

Caractéristiques

  • CSS, Javascript, Prefixfree.js
  • Par Tiffany Stoik - Chicago
  • Co-fondatrice de @Blobfolio.
  • Horloge radio vintage, originale !
  • Attention, la radio fonctionne !

Image cliquable pour voir l'exemple

l'horloge radio vintage

Références

Site web

Site de l'auteur

[Créé / modifié] [18-02-2021 / 18-02-2021]

Tank Manan - Horloge à barettes

Caractéristiques

  • CSS, Javascript
  • Idée originale mais elle prend de la place. De plus elle est difficile à cadrer.
  • Service écrit avec peu de code
  • Responsive

Image cliquable pour voir l'exemple

l'heure sur la base de glissieres

Références

Site web

[Créé / modifié] [14-12-2020 / 14-12-2020]

Wade Christensen - Portland, OR, États-Unis

Caractéristiques

  • Horloge au style moderne
  • CSS, JS
  • Trotteuse à défilement continu
  • Date du jour

Image cliquable pour voir l'exemple

horloge de style moderne en CSS et Javascript

Références

Site web

[Créé / modifié] [11-01-2021 / 11-01-2021]

Wang-Hoye Andrew - Horloge 3D

Caractéristiques

  • Open Source
  • 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 !

Image cliquable pour voir l'exemple

l'heure exacte sur votre site web

Références

Site web

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