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 par un insert au milieu droit de l'écran

Je vous propose 83 services d'horloges au





 

Widget gratuit d'horloge pour site web

24 Time Zones - Service d'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 - Service d'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]

 

Horloge analogique

Cocco Agathe - Analogique

- Pas responsive

Caractéristiques

  • CSS, JS, rien d'autre
  • Une horloge et 3 livres. Je n'ai pas laissé le cactus car elle était vraiment trop large
  • Une horloge bien de chez soi !
  • Reims, France

Image cliquable pour voir l'exemple

horloge analogique sur une etagere

Références

Site web

Site de l'auteur

[Créé / modifié] [31-03-2022 / 31-03-2022]

Corti Gabriele - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Horloge romaine
  • Oakland, Califormie, USA

Image cliquable pour voir l'exemple

horloge romaine svelte

Références

Site web

Site de l'auteur

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

Draznin Ilia - Analogique

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 en pur CSS

Références

Site web

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

Feret Quentin - Analogique

Caractéristiques

  • CSS, JS, Vanilla-tilt.js
  • Analogique et 'glassmorphique'
  • Rollover sur le cadran
  • Pour le même prix et juste en dessous une horloge analogique et 'neumorphique'
  • France

Image cliquable pour voir l'exemple

Analogique et 'glassmorphique'

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

Galliat Angela - Analogique 'LEGO'

Caractéristiques

  • Tout en Javascript
  • Impression d'épaisseur
  • Pas responsive. Dommage !
  • Hambourg, Allemagne

Image cliquable pour voir l'exemple

horloge LEGO

Références

Site web

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

Gerasimenko Ilya - Analogique

Caractéristiques

  • 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]

Givens Daniel - Le temps qui passe

Caractéristiques

  • Horloge analogique qui, à mon avis, pourrait balayer les secondes
  • CSS, JS, jQuery, Decomp.js, Matter.js
  • Baltimore, Maryland, USA

Image cliquable pour voir l'exemple

horloge qui exprime le temps qui passe

Références

Site web

[Créé / modifié] [08-02-2022 / 08-02-2022]

Hanus Peter - 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]

Innholt Kent William - Analogique

Caractéristiques

  • JS pur
  • Avancement de l'aiguille des minutes fluide
  • Le chiffre de l'heure en cours est distingué
  • Noblesville, Indiana, USA

Image cliquable pour voir l'exemple

horloge analogique

Références

Site web

[Créé / modifié] [10-05-2022 / 10-05-2022]

Johnson Sandra Sofia - Analogique

Caractéristiques

  • CSS, Normalize.css, JS, D3.js, TweenMax.js, jQuery
  • L'aiguille des heures ne bouge qu'à chaque changement d'heure
  • Noblesville, Indiana, USA

Image cliquable pour voir l'exemple

horloge analogique

Références

Site web

[Créé / modifié] [03-01-2022 / 03-01-2022]

Joseph Jones - Analogique

Caractéristiques

  • CSS, JS, jQuery
  • Les trois aiguilles contiennent un nombre qui tourne avec elles
  • Elles se positionnent, au départ, de manière circulaire
  • Original
  • Chennai, Inde

Image cliquable pour voir l'exemple

horloge analogique avec chiffres qui tournent

Références

Site web

[Créé / modifié] [21-06-2022 / 21-06-2022]

Kadosh Yoav - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Réveil à l'ancienne
  • Progression fluide de la trotteuse
  • Israel

Image cliquable pour voir l'exemple

horloge calendrier

Références

Site web

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

Khadka Mohan - Analogique

Caractéristiques

  • CSS, Animate.css, JS
  • Animation: Le support, le bracelet, le corps, le remontoir arrivent l'un après l'autre
  • Kathmandou, Népal

Image cliquable pour voir l'exemple

horloge analogique avec animation

Références

Site web

[Créé / modifié] [17-02-2022 / 17-02-2022]

Lewis Robert - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Analogique à la mode Seiko
  • Calabasas, Californie, USA

Image cliquable pour voir l'exemple

horloge analogique seiko'

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

Kuhn Adam - Numérique 3D

Caractéristiques

  • CSS, JS, rien d'autre
  • Une horloge qui se balance pour montrer toute son épaisseur
  • Asheville, Caroline du Nord, USA

Image cliquable pour voir l'exemple

horloge numerique en 3D

Références

Site web

[Créé / modifié] [31-03-2022 / 31-03-2022]

Marshall Christoph - Numérique

Caractéristiques

  • CSS, JS, Snap.svg-min.js
  • Au début les aiguilles n'existent pas. Un nuage de particule apparaît et là, les aiguilles prennent forme
  • Joli mouvement des secondes
  • Munich, Allemagne

Image cliquable pour voir l'exemple

l'heure digitale affichee a partir d'un nuage de particules

Références

Site web

Site de l'auteur

[Créé / modifié] [31-01-2022 / 31-01-2022]

Shahriar Ahmmed - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Horloge sympa avec peu de code
  • Bangladesh

Image cliquable pour voir l'exemple

horloge analogique en CSS et Javascript

Références

Site web

La même en noir

[Créé / modifié] [23-04-2022 / 23-04-2022]

Smith Jase - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Dessin aussi délicat qu'épuré
  • Denver, Colorado, USA

Image cliquable pour voir l'exemple

horloge analogique avec seulement du CSS et du Javascript

Références

Site web

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

Hutchinson Donovan - Horloge mondiale

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

Caractéristiques

  • 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]

Kantner Jon - Analogique

Caractéristiques

  • CSS, JS
  • Horloge analogique neumorphique
  • Plutôt réussie
  • Pennsylvanie, USA

Image cliquable pour voir l'exemple

Horloge analogique neumorphique

Références

Site web

[Créé / modifié] [21-10-2021 / 21-10-2021]

Menari Salim - Analogique

Caractéristiques

  • CSS, Normalize.css, JS
  • Horloge analogique avec son
  • France

Image cliquable pour voir l'exemple

l'horloge analogique avec son

Références

Site web

[Créé / modifié] [24-03-2022 / 24-03-2022]

Pangsakulyanont Thai - 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 - 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]

Takanori - Analogique

Caractéristiques

  • CSS, JS, React.js
  • 3 possibilité : Le design 'normal'; Le neumorphique; En pointillé
  • Tour ron ou carré
  • Yokohama, Japon

Image cliquable pour voir l'exemple

montre facon neumorphique

Références

Site web

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

Tompkins Jhey - Montre 3D

Caractéristiques

  • CSS, Normalize.css, JS, Zdogs.js, TweenMax.js
  • La montre donne l'heure (et oui !) et est manipulable
  • Belle transparence du boitier
  • Citoyen du monde

Image cliquable pour voir l'exemple

Montre 3D

Références

Site web

Site de l'auteur

[Créé / modifié] [03-01-2022 / 03-01-2022]

Tompkins Jhey (2) - Pendule 'Chat'

Caractéristiques

  • CSS, Normalize.css, JS
  • Les yeux et la queue du chat battent les secondes
  • Idée sympa pour les amateurs de félins !
  • Citoyen du monde

Image cliquable pour voir l'exemple

Pendule 'Chat'

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

Viarengo Veronica - Analogique

Caractéristiques

  • CSS, JS, jQuery
  • Horloge Night and Day
  • Le relief du globe central change de côté an fonction du mode
  • Turin, Italie

Image cliquable pour voir l'exemple

horloge jour/nuit

Références

Site web

[Créé / modifié] [21-06-2022 / 21-06-2022]

Wang-Hoye Andrew - Analogique 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]

Wyland Keith - Étude de style

Caractéristiques

  • SCSS, Normalize.css, Javascript, Prefixfree.js
  • Original
  • Appleton, Wisconsin, USA

Image cliquable pour voir l'exemple

etude destyle

Références

Site web

Site de l'auteur

[Créé / modifié] [26-08-2021 / 26-08-2021]

Zarza Henry - Analogique

Caractéristiques

  • CSS, JS, rien d'autre
  • Horloge analogique neumorphique
  • Relief difficile à apprécier, dommage !
  • Colombie

Image cliquable pour voir l'exemple

l'heure avec un neumorphisme d'horloge

Références

Site web

Site de l'auteur

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

 

Horloge numérique

Alphardex - 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]

Boots Mark - Domino

Caractéristiques

  • CSS, JS, rien d'autre
  • Pas très facile à lire, dommage !
  • Canada

Image cliquable pour voir l'exemple

horloge domino

Références

Site web

[Créé / modifié] [09-03-2022 / 09-03-2022]

Brunello Alessio - Numérique

Caractéristiques

  • CSS3, Javascript
  • Pulse, à l'image du coeur
  • Les secondes remplissent la page de bas en haut

Image cliquable pour voir l'exemple

horloge numerique

Références

Site web

[Créé / modifié] [30-07-2021 / 03-08-2021]

El Alemano - Numérique

Caractéristiques

  • CSS, Normalize.css, JS, Snap.js
  • Un cercle plein par unité, une échancrure pour la position exacte
  • Original
  • Berlin

Image cliquable pour voir l'exemple

horloge avec des cercles concentriques

Références

Site web

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

HanveyChristian - Digitale

Caractéristiques

  • CSS, JS, images SVG
  • Vraiment digitale
  • Sydney, Australie

Image cliquable pour voir l'exemple

horloge digitale

Références

Site web

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

Hayman Emily - Numérique

Caractéristiques

  • CSS, Moment.js
  • Parfaitement responsive
  • Paris

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]

Hughes Laurence - Numérique

Caractéristiques

  • CSS (peu), JS
  • Javascript pour déterminer l'heure exacte et initier quelques transformations CSS (dixit)
  • Parfaitement responsive, évidemment

Image cliquable pour voir l'exemple

comment faire une horloge numerique en Javascript

Références

Site web

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

Hyper Plexed - Numérique

Caractéristiques

  • CSS, JS, React.js, Classnames.js
  • La nouvelle seconde expulse la précédente vers le haut
  • Le zéro de la dizaine arrive brutalement par le haut
  • Tuto sur Youtube
  • USA

Image cliquable pour voir l'exemple

horloge inspiree d'apple

Références

Site web

[Créé / modifié] [21-06-2022 / 21-06-2022]

Kellum Scott - Numérique

Caractéristiques

  • CSS, JS
  • Inspirée d'Apple
  • Jolie et originale
  • Los Angeles, Californie, USA

Image cliquable pour voir l'exemple

horloge inspiree d'apple

Références

Site web

Site de l'auteur

[Créé / modifié] [06-06-2022 / 06-06-2022]

Khourshid David - Numérique réactive

Caractéristiques

  • CSS, Normalize.css, JS, RX.js, Hammer.js
  • Réagit au passage du curseur
  • Orlando, FLoride, USA

Image cliquable pour voir l'exemple

Horloge numerique responsive

Références

Site web

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

Kilchenmann André - Numérique

Caractéristiques

  • CSS, JS, jQuery
  • Style moderne
  • Très joli effet
  • Solothurn, Suisse

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 - Numérique

Caractéristiques

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

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]

Marshall Christoph (2) - Numérique

Caractéristiques

  • CSS, JS, Snap.svg-min.js
  • Tous les mouvements sont progressifs
  • Responsive
  • Munich, Allemagne

Image cliquable pour voir l'exemple

l'heure digitale affichee dans un triangle en mouvement

Références

Site web

[Créé / modifié] [31-01-2022 / 31-01-2022]

Miller Tom - Numérique

Caractéristiques

  • CSS, JS, TweenMax.js
  • Passe sur mobile en diminuant fortement la taille de tous les éléments
  • Très beau rendu du flip de la feuille
  • Mount Pleasant, Caroline du Sud, USA

Image cliquable pour voir l'exemple

l'heure digitale avec un joli mouvement de retournement

Références

Site web

[Créé / modifié] [24-03-2022 / 24-03-2022]

Oliveira Marcos - Numérique

Caractéristiques

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

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]

Pop Florin - Numérique

Caractéristiques

  • CSS, JS
  • Digital de chez digital
  • Transition douce
  • Regarder aussi le très joli bouton social, en bas à droite
  • Reghin, MureÈ™ County, Roumanie

Image cliquable pour voir l'exemple

horloge digitale

Références

Site web

Site de l'auteur

[Créé / modifié] [27-04-2022/ 27-04-2022]

Sauvé J-P - Numérique

Caractéristiques

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

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]

Shaw Sh - Numérique 3D

Caractéristiques

  • CSS, Normalize.css, JS, Splitting (CSS+JS)
  • Horloge 3D à roues crantées
  • Belle proposition
  • Houston, Texas, USA

Image cliquable pour voir l'exemple

horloge a roues crantees independantes

Références

Site web

[Créé / modifié] [24-03-2022 / 24-03-2022]

Tank Manan - Numérique

Caractéristiques

  • CSS, Javascript
  • Horloge à barettes
  • 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]

Williams Cassidy - Numérique

Caractéristiques

  • CSS, JS (peu), rien d'autre
  • L'horloge 3D, bascule, en permanence, de 90 degrés vers l'arrière
  • Chicago, Illinois, USA

Image cliquable pour voir l'exemple

horloge 3D en CSS et Javascript

Références

Site web

Site de l'auteur

[Créé / modifié] [31-01-2022 / 31-01-2022]

Xubiod - Numérique

Caractéristiques

  • CSS, JS, rien d'autre
  • À lire en colonne
  • Vous trouverz pas mal d'horloges de toutes sortes sur le site de l'auteur
  • New-York, USA

Image cliquable pour voir l'exemple

horloge digitale en CSS et JS

Références

Site web

Site de l'auteur

[Créé / modifié] [03-08-2022 / 03-08-2022]

Xubiod (2) - Numérique

Caractéristiques

  • CSS, JS, rien d'autre
  • Les secondes sont représentées par les deux petits points qui clignotent
  • Le graphisme et le rendu oblique donnent beaucoup de personnalité à l"ensemble
  • New-York, USA

Image cliquable pour voir l'exemple

horloge digitale avec rendu oblique

Références

Site web

[Créé / modifié] [03-08-2022 / 03-08-2022]

 

Horloge Analogique et numérique

Barret Juan Everardo

Caractéristiques

  • CSS, JS, rien d'autre
  • Horloge radiale
  • Code propre et carré

Image cliquable pour voir l'exemple

horloge radiale avec egalement sortie numerique

Références

Site web

[Créé / modifié] [06-06-2022 / 06-06-2022]

Emran Ahmad

Caractéristiques

  • CSS, JS, rien d'autre
  • Horloge classique
  • Amman, Jordanie

Image cliquable pour voir l'exemple

horloge numerique et analogique

Références

Site web

[Créé / modifié] [23-04-2022 / 23-04-2022]

Guillaume @ManiaStorm

Caractéristiques

  • CSS, JS, jQuery
  • Faire du numérique avec de l'analogique
  • Proposition très originale
  • France

Image cliquable pour voir l'exemple

horloge numerique faite avec de l'analogique

Références

Site web

[Créé / modifié] [09-03-2022 / 09-03-2022]

Horn Julius - Rayonnante

Caractéristiques

  • CSS, JS (99,9%)
  • Supprimer 'height:100vh' si vous ne voulez pas de déformation
  • Jolie horloge rayonnante couleur Matrix
  • Allemagne

Image cliquable pour voir l'exemple

horloge analogique rayonnante matrix

Références

Site web

[Créé / modifié] [08-02-2022 / 08-02-2022]

Holmstrom Moses alias Thykka

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]

Michal - Fractale

Caractéristiques

  • CSS, JS
  • Benoît Mandelbrot, mathématicien franco-américain, né à Varsovie en 1924, mort à Cambridge le 14 octobre 2010 est devenu célèbre en développant les objets fractals ou fractales.
  • Prague, République Tchèque

Image cliquable pour voir l'exemple

Horloge analogique fractale

Références

Site web

[Créé / modifié] [21-10-2021 / 21-10-2021]

Parmar Siddharth

Caractéristiques

  • CSS, Javascript, React.js, Polyfill.js
  • React Morph Clock
  • Pour les nostalgiques du réveil à quartz
  • Inde

Image cliquable pour voir l'exemple

l'horlage facon ancienne, facon reveil a quartz

Références

Site web

Site de l'auteur

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

Smith Jase (2) - Funiculaire circadien

Caractéristiques

  • CSS, CssBites.css, JS, Angular.js, Moment.js, Hammer.js
  • Beaucoup de dépendances
  • On peut bouger les 'aiguilles' des heures et des minutes avec la souris
  • Un bouton permet de faire des ombres en guise d'aiguille... je suppose
  • Denver, Colorado, USA

Image cliquable pour voir l'exemple

horloge analogique funiculaire circadien

Références

Site web

[Créé / modifié] [08-02-2022 / 08-02-2022]

Vineeth.T.R

Caractéristiques

  • CSS, JS, jQuery
  • Horloge rotative
  • Une partie digitale et une partie numérique
  • Cette horloge reste assez grosse. C'est plus une étude de style.

Image cliquable pour voir l'exemple

horloge rotative avec une partie analogique et une partie numerique

Références

Site web

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

 

Horloge avec calendrier

Clementir Luz M. - Réveil

Caractéristiques

  • CSS, JS, rien d'autre
  • Le template de programmation du réveil est présent
  • Et le réveil sonne ! Si si !

Image cliquable pour voir l'exemple

reveil qui sonne

Références

Site web

[Créé / modifié] [20-01-2022 / 20-01-2022]

CoryMarkDavid - Horloge/calendrier

Caractéristiques

  • CSS, JS, jQuery
  • D'un côté, l'horloge avec la date, de l'autre le calendrier perpétuel avec, présenté, le mois en cours
  • Passage d'un côté à l'autre par 'flip'
  • Grande Bretagne

Image cliquable pour voir l'exemple

horloge calendrier

Références

Site web

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

Kantner Jon - Horloge, date du jour

Caractéristiques

  • CSS, JS, rien d'autre
  • Pas de dépendance
  • Pas évident à lire !
  • Pennsylvanie, USA

Image cliquable pour voir l'exemple

horloge calendrier

Références

Site web

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

Mereg Norbert - Horloge, date du jour

Caractéristiques

  • Norbert Mereg alias Ice Bob
  • 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]

Nykjaer Kunuk

Caractéristiques

  • CSS, JS, Vue.js
  • Dans un premier temps s'affiche le jour et l'aiguille des heures
  • En cliquant au centre de l'horloge, s'affiche : Le numéro de la semaine; La consommation de la journée en pourcentage; La consommation de la semaine en pourcentage
  • Danemark

Image cliquable pour voir l'exemple

horlage date du jour numero de la semaine

Références

Site web

Site de l'auteur

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

Petrov Vasko

- Pas responsive

Caractéristiques

  • CSS, JS
  • Avancement de l'aiguille des secondes, fuide
  • Il a été très facile de franciser les jours dans le Javascript
  • Sofia, Bulgarie

Image cliquable pour voir l'exemple

horloge analogique avec date du jour

Références

Site web

[Créé / modifié] [10-05-2022/ 10-05-2022]

Pop Florin

Caractéristiques

  • CSS, JS
  • Horloge simplissime avec nom du jour et date
  • Retour à zéro de l'aiguille des secondes à 59 secondes
  • Dark mode
  • Reghin, MureÈ™ County, Roumanie

Image cliquable pour voir l'exemple

mixte horloge digitale, analogique et avec date du jour

Références

Site web

[Créé / modifié] [27-04-2022/ 27-04-2022]

Takahashi Toshiyuki - Horloge, date du jour

Caractéristiques

  • Horloge classique, bien présentée
  • CSS, Normalize.css, JS, Vue.js
  • Japon

Image cliquable pour voir l'exemple

horloge moderne avec vue.js

Références

Site web

[Créé / modifié] [23-04-2022 / 23-04-2022]

Wade Christensen - Horloge, date du jour

Caractéristiques

  • Horloge au style moderne
  • CSS, JS
  • Trotteuse à défilement continu
  • Portland, OR, États-Unis

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]

Yurtseven Mselman - Horloge, calendrier

Caractéristiques

  • CSS, Javascript, Prefixfree.js, jQuery
  • En cliquent sur le calendrier, l'heure apparait
  • Agréable et prend peu de place
  • Istanbul, Turquie

Image cliquable pour voir l'exemple

l'heure et un calendrier

Références

Site web

Site de l'auteur

[Créé / modifié] [26-08-2021 / 26-08-2021]

 

Horloge 'autre'

Brook Jamie - Proportionnelle

Caractéristiques

  • CSS, JS, jQuery, TweenMax.js
  • La largeur de la page, par exemple, est de 24h
  • Cette largeur est découpées en heures, minutes et secondes,
  • Zurich, Suisse

Image cliquable pour voir l'exemple

horloge proportionnelle

Références

Site web

[Créé / modifié] [28-02-2022 / 28-02-2022]

Csendes Abel - Horloge humoristique

Caractéristiques

  • CSS pur
  • Plus jamais en retard dit la légende !
  • Finlande

Image cliquable pour voir l'exemple

horloge humoristique

Références

Site web

[Créé / modifié] [03-01-2022 / 03-01-2022]

Groothedde Bas - Horloge QRCode

Caractéristiques

Image cliquable pour voir l'exemple

horloge sous fome de qrcode

Références

Site web

[Créé / modifié] [06-06-2022 / 06-06-2022]

Khadka Mohan (2) - Analogique

- Super ! Ne donne absolument pas l'heure !
- Ne fait même pas tic tac mais tick tock !

Caractéristiques

  • CSS pur
  • Animation: Tick-Tock, le temps qui passe, seconde par seconde
  • Kathmandou, Népal

Image cliquable pour voir l'exemple

horloge analogique tick tock

Références

Site web

[Créé / modifié] [17-02-2022 / 17-02-2022]

Noirot Frank - Cônique

Caractéristiques

  • CSS, JS, rien d'autre
  • Pas de dépendance
  • Demande une certaine accoutumance
  • Washington, DC, USA

Image cliquable pour voir l'exemple

horloge conique

Références

Site web

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

Nossar Slava - Fractale

Caractéristiques

  • Javascript seul
  • Beau rendu même si ce n'est pas toujours facile à lire
  • Responsive
  • Sydney, Australie

Image cliquable pour voir l'exemple

fractale en Javascript pur

Références

Site web

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

Searle Bill - Alphabétique

Caractéristiques

  • CSS, Javascript, jQuery
  • Horloge en lettres
  • 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]

Surguy Maksim - Gestuelle

- Pas responsive

Caractéristiques

  • CSS, JS, jQuery
  • Les chiffres sont réalisés à partir de gestuelle d'humain
  • Très original !
  • Seattle, Washington, USA

Image cliquable pour voir l'exemple

l'horloge gestuelle d'humain

Références

Site web

Site de l'auteur

[Créé / modifié] [28-02-2022 / 28-02-2022]

Surguy Maksim (2) - Kung-fu

Caractéristiques

  • CSS, JS, rien d'autre
  • Les secondes sont matérialisées par un homme qui, pratiquant le kung-fu, envoie une espèce de rayon orangé
  • Chaque seconde est un coup différent
  • Très original encore une fois !
  • Seattle, Washington, USA

Image cliquable pour voir l'exemple

horloge kung-fu

Références

Site web

[Créé / modifié] [28-02-2022 / 28-02-2022]