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 03 08 2022

Service gratuit d'horloge (widget)
1. 24 Time Zones - HorlogeHTML5
2. Clock Link - Horloge/CalendrierHTML5
3. DaysPedia - Service d'horlogeCSS, JS

Horloges analogiques
1. Cocco AgatheCSS, JS
2. Corti GabrieleCSS, JS
3. Draznin IliaCSS3 pur
4. Feret QuentinJS, Vanilla-tilt.js
5. Galliat AngelaJS seul
6. Gerasimenko IlyaJS, jQuery
7. Givens DanielJS, jQuery, Decomp, Etc...
8. Hanus PeterJS, jQuery
9. Hutchinson DonovanCSS, JS
10. Innholt Kent WilliamJS pur
11. Johnson S. S.JS, TweenMax.js
12. Joseph JonesJS, jQuery>
13. Kadosh YoavCSS, JS
14. Khadka MohanJS, jQuery
15. Kantner JonCSS, JS
16. Lewis RobertJS, Vanilla-tilt.js
17. Marshall ChristophJS, Snap.svg.js
18. Menari SalimCSS, JS
19. Pangsakulyanont ThaiJS, jQuery
20. Sabat TimJS, jQuery
21. Shahriar AhmmedCSS, JS
22. Smith JaseCSS, JS
23. TakanoriJS, React.js
24. Tompkins Jhey - Montre 3DJS, TweenMax, Zdogs.js
25. Tompkins Jhey (2) - Pendule 'Chat'Normalize.css, JS
26. Viarengo VeronicaJS, jQuery>
27. Wang-Hoye Andrew - 3DJavascript
28. Wyland KeithJS
29. Zarza HenryCSS, JS

Horloges numériques
1. AlphardexJS
2. Boots Mark - DominoCSS, JS
3. Brunello AlessioJS, jQuery
4. El AlemanoJS, React.js
5. Hanvey ChristianCSS, JS
6. Hayman EmilyCSS, Moment.js
7. Hughes LaurenceJS
8. Hyper PlexedJS, React.js, Classnames.js>
9. Kellum ScottCSS, JS
10. Khourshid DavidJS, RX, Hammer
11. Kilchenmann AndréJS, jQuery
12. Krajewski DawidCSS, jQuery
13. Kuhn AdamCSS, JS
14. Marshall Christoph (2)JS, Snap.svg.js
15. Miller TomJS, TweenMax.js
16. Oliveira MarcosJS, jQuery
17. Pop FlorinCSS, JS
18. Sauvé J-P - CubiqueJS, jQuery
19. Shaw ShCSS, Splitting (CSS+JS)
20. Tank MananJS
21. Williams CassidyCSS, JS
22. XubiodCSS, JS

Horloges analogiques et numériques
1. Barret Juan EverardoCSS, JS
2. Emran AhmadCSS, JS
3. Guillaume - @ManiaStormJS, jQuery
4. Horn JuliusCSS, JS
5. Holmstrom MosesCSS, Normalize.css, JS
6. MichalCSS, JS
7. Parmar SiddharthJS, React.js
8. Smith Jase (2)JS, Angular, Moment, etc...
9. Vineeth.T.RJS, jQuery

Horloges avec date du jour
1. Clementir Luz M. - RéveilCSS, JS&
2. Cory Mark DavidJS, jQuery
3. KantnerJon (2)CSS, JS
4. Mereg NorbertJS, jQuery, etc...
5. Nykjaer KunukCSS, JS
6. Petrov VaskoCSS, JS
7. Pop Florin (2)CSS, JS
8. Takahashi ToshiyukiJS, Vue.js
9. Wade ChristensenJS
10. Yurtseven MselmankJS, jQuery

Horloges 'autre'
1. Brook Jamie - ProportionnelleJS, jQuery, TwennMax.js
2. Csendes Abel - HumoristiqueCSS pur
3. Groothedde BasJS, jQuery, QrCode.js
4. Khadka Mohan (2)CSS pur
5. Noirot Frank - côniqueCSS, JS
6. Nossar SlavaCSS, JS
7. Searle Bill - En lettresJS, jQuery
8. Surguy Maksim - GestuelleJS, jQuery
9. Surguy Maksim (2)- Kung-fuCSS, JS

Horloges supprimées
1. Davis Matthew - Flip Clock (supprimé le 21-10-2021, non reponsive)
2. Desiderenzia - Horloge/Date du jour (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
3. Drogbaster.it - Horloge/Calendrier (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
4. Informatique Gifs - Horloge/Date du jour (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
5. Ifraimov Emil - Horloge néon (non PeC le 13-11-2021, pas responsive)
6. Maree.info - Horloge des marées (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
7. My House On Web - Horloge/Calendrier (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
8. Piano Bleu - Horloge/Date du jour (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
9. Stoik Tiffany - Horloge vintage (supprimé le 21-10-2021, Problème affichage)
10. Time and date - Horloge (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
11. Time.is - L'heure exacte (supprimé le 21-10-2021, ne s'affiche pas sur mobile)
12. Vincent Matthew (non PEC le 08-11-2021, pas responsive)
13. Vineeth.T.R 2 - Horloge login (supprimé le 21-10-2021, non reponsive)
14. World Time Server - Horloge (supprimé le 21-10-2021, non reponsive)

A droite, au milieu de l'écran,
l'accès par catégorie ->

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Références

Site web

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

Groothedde Bas - Horloge QRCode

Caractéristiques

CSS, JS, QrCode.js, jQuery
Nécessite un décodeur
Ne manquez pas d'aller voir la référence, puis la référence de la référence
Pays-Bas

Image cliquable pour voir l'exemple

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

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

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

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

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

Références

Site web

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