CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

begin process at 2012 05 28 10:30:23

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

HORLOGE BINAIRE LED

Information sur la source

Note :

7,40 / 10

Catégorie :Date & Heure Classé sous :horloge binaire, binary, clock Niveau :Débutant Date de création :11/06/2004 Date de mise à jour :02/04/2008 19:16:14 Vu / téléchargé :27 228 / 507

Auteur : Angelus4

Ecrire un message privé

Commentaire sur cette source (3)

Ajouter un commentaire et/ou une note

Description

Cliquez pour voir la capture en taille normale

Alors voilà, c'est une simple horloge binaire inspirée d'une autre soumise il y a quelques temps. Je l'ai optimisé un peu, surtout au niveau de la présentation mais il pourrait y avoir encore beaucoup à faire et ce n'est pas très bien programmé donc n'hésitez pas à l'améliorer. Aucun bug connu.

Source

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<HTML>
<HEAD>
<TITLE>Horloge Binaire</TITLE>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
<script type="text/javascript" src="Horloge Binaire.js"></script>
<style type="text/css">
<!--
body {margin:0;background-color:Bisque;}
#led {top:16px;left:16px;width:353px;height:353px;position:absolute;}
#dheure1 {position:absolute;top:154px;left:70px;}
#dheure0 {position:absolute;top:198px;left:70px;}
#uheure3 {position:absolute;top:66px;left:110px;}
#uheure2 {position:absolute;top:110px;left:110px;}
#uheure1 {position:absolute;top:154px;left:110px;}
#uheure0 {position:absolute;top:198px;left:110px;}
#dmin2 {position:absolute;top:110px;left:150px;}
#dmin1 {position:absolute;top:154px;left:150px;}
#dmin0 {position:absolute;top:198px;left:150px;}
#umin3 {position:absolute;top:66px;left:190px;}
#umin2 {position:absolute;top:110px;left:190px;}
#umin1 {position:absolute;top:154px;left:190px;}
#umin0 {position:absolute;top:198px;left:190px;}
#dsec2 {position:absolute;top:110px;left:230px;}
#dsec1 {position:absolute;top:154px;left:230px;}
#dsec0 {position:absolute;top:198px;left:230px;}
#usec3 {position:absolute;top:66px;left:270px;}
#usec2 {position:absolute;top:110px;left:270px;}
#usec1 {position:absolute;top:154px;left:270px;}
#usec0 {position:absolute;top:198px;left:270px;}
//-->
</style>
</HEAD>
<BODY onload="showtime();">
<div id="led"><img src="Support.jpg" alt="" /></div>
<div id="dheure0"><img src="bin0.jpg" alt="" /></div>
<div id="dheure1"><img src="bin0.jpg" alt="" /></div>
<div id="uheure0"><img src="bin0.jpg" alt="" /></div>
<div id="uheure1"><img src="bin0.jpg" alt="" /></div>
<div id="uheure2"><img src="bin0.jpg" alt="" /></div>
<div id="uheure3"><img src="bin0.jpg" alt="" /></div>
<div id="dmin2"><img src="bin0.jpg" alt="" /></div>
<div id="dmin1"><img src="bin0.jpg" alt="" /></div>
<div id="dmin0"><img src="bin0.jpg" alt="" /></div>
<div id="umin3"><img src="bin0.jpg" alt="" /></div>
<div id="umin2"><img src="bin0.jpg" alt="" /></div>
<div id="umin1"><img src="bin0.jpg" alt="" /></div>
<div id="umin0"><img src="bin0.jpg" alt="" /></div>
<div id="dsec2"><img src="bin0.jpg" alt="" /></div>
<div id="dsec1"><img src="bin0.jpg" alt="" /></div>
<div id="dsec0"><img src="bin0.jpg" alt="" /></div>
<div id="usec3"><img src="bin0.jpg" alt="" /></div>
<div id="usec2"><img src="bin0.jpg" alt="" /></div>
<div id="usec1"><img src="bin0.jpg" alt="" /></div>
<div id="usec0"><img src="bin0.jpg" alt="" /></div>
</BODY>
</HTML>
// Ci-après le fichier 'Horloge Binaire.js'
<!--
/* Horloge Binaire par Jean ELCHINGER optimisé par TheGuit
puis optimisé une nouvelle fois par Force4 [11/06/04] --
mise à jour par Force4 [04/02/08] =D
Date : 7/11/2003
Email : web.jean@ifrance.com
Script modifié à partir de l'horloge binaire :
http://www.california.com/~binard
Pour acheter une vraie horloge binaire :
LED Binary Clock
http://www.thinkgeek.com/cubegoodies/lights/59e0/
*/
var bin0 = '<img src="bin0.jpg" alt="" />',
bin1 = '<img src="bin1.jpg" alt="" />';
function showtime()
{
var now = new Date();
var ledup = function(family, time, mask, field)
{
while (field >= 0)
{
if (time >= (mask << field))
{
eval("document.getElementById('" + family + field + "').innerHTML = bin1");
time -= (mask << field);
}
else
eval("document.getElementById('" + family + field + "').innerHTML = bin0");
field--;
}
}
ledup('dsec', now.getSeconds(), 10, 2);
ledup('usec', now.getSeconds() % 10, 1, 3);
ledup('dmin', now.getMinutes(), 10, 2);
ledup('umin', now.getMinutes() % 10, 1, 3);
ledup('dheure', now.getHours(), 10, 1);
ledup('uheure', now.getHours() % 10, 1, 3);
setTimeout("showtime();", 1000);
}
//-->

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN'>
<HTML>
 <HEAD>
  <TITLE>Horloge Binaire</TITLE>
  <META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=iso-8859-1'>
<script type="text/javascript" src="Horloge Binaire.js"></script>
<style type="text/css">
<!--
body {margin:0;background-color:Bisque;}
#led {top:16px;left:16px;width:353px;height:353px;position:absolute;}
#dheure1 {position:absolute;top:154px;left:70px;}
#dheure0 {position:absolute;top:198px;left:70px;}
#uheure3 {position:absolute;top:66px;left:110px;}
#uheure2 {position:absolute;top:110px;left:110px;}
#uheure1 {position:absolute;top:154px;left:110px;}
#uheure0 {position:absolute;top:198px;left:110px;}
#dmin2 {position:absolute;top:110px;left:150px;}
#dmin1 {position:absolute;top:154px;left:150px;}
#dmin0 {position:absolute;top:198px;left:150px;}
#umin3 {position:absolute;top:66px;left:190px;}
#umin2 {position:absolute;top:110px;left:190px;}
#umin1 {position:absolute;top:154px;left:190px;}
#umin0 {position:absolute;top:198px;left:190px;}
#dsec2 {position:absolute;top:110px;left:230px;}
#dsec1 {position:absolute;top:154px;left:230px;}
#dsec0 {position:absolute;top:198px;left:230px;}
#usec3 {position:absolute;top:66px;left:270px;}
#usec2 {position:absolute;top:110px;left:270px;}
#usec1 {position:absolute;top:154px;left:270px;}
#usec0 {position:absolute;top:198px;left:270px;}
//-->
</style>
 </HEAD>
 <BODY onload="showtime();">
<div id="led"><img src="Support.jpg" alt="" /></div>
<div id="dheure0"><img src="bin0.jpg" alt="" /></div>
<div id="dheure1"><img src="bin0.jpg" alt="" /></div>
<div id="uheure0"><img src="bin0.jpg" alt="" /></div>
<div id="uheure1"><img src="bin0.jpg" alt="" /></div>
<div id="uheure2"><img src="bin0.jpg" alt="" /></div>
<div id="uheure3"><img src="bin0.jpg" alt="" /></div>
<div id="dmin2"><img src="bin0.jpg" alt="" /></div>
<div id="dmin1"><img src="bin0.jpg" alt="" /></div>
<div id="dmin0"><img src="bin0.jpg" alt="" /></div>
<div id="umin3"><img src="bin0.jpg" alt="" /></div>
<div id="umin2"><img src="bin0.jpg" alt="" /></div>
<div id="umin1"><img src="bin0.jpg" alt="" /></div>
<div id="umin0"><img src="bin0.jpg" alt="" /></div>
<div id="dsec2"><img src="bin0.jpg" alt="" /></div>
<div id="dsec1"><img src="bin0.jpg" alt="" /></div>
<div id="dsec0"><img src="bin0.jpg" alt="" /></div>
<div id="usec3"><img src="bin0.jpg" alt="" /></div>
<div id="usec2"><img src="bin0.jpg" alt="" /></div>
<div id="usec1"><img src="bin0.jpg" alt="" /></div>
<div id="usec0"><img src="bin0.jpg" alt="" /></div>
 </BODY>
</HTML>

// Ci-après le fichier 'Horloge Binaire.js'

<!--
/* Horloge Binaire par Jean ELCHINGER optimisé par TheGuit
puis optimisé une nouvelle fois par Force4 [11/06/04] --
                    mise à jour par Force4 [04/02/08] =D

Date : 7/11/2003
Email : web.jean@ifrance.com

Script modifié à partir de l'horloge binaire :
http://www.california.com/~binard

Pour acheter une vraie horloge binaire :
LED Binary Clock
http://www.thinkgeek.com/cubegoodies/lights/59e0/
*/


var bin0 = '<img src="bin0.jpg" alt="" />',
    bin1 = '<img src="bin1.jpg" alt="" />';

function showtime()
{    
    var now = new Date();

    var ledup = function(family, time, mask, field)
    {
      while (field >= 0)
      {
        if (time >= (mask << field))
        {
          eval("document.getElementById('" + family + field + "').innerHTML = bin1");
          time -= (mask << field);
        }
        else
          eval("document.getElementById('" + family + field + "').innerHTML = bin0");
        field--;
      }
    }

    ledup('dsec', now.getSeconds(), 10, 2);
    ledup('usec', now.getSeconds() % 10, 1, 3);

    ledup('dmin', now.getMinutes(), 10, 2);
    ledup('umin', now.getMinutes() % 10, 1, 3);

    ledup('dheure', now.getHours(), 10, 1);
    ledup('uheure', now.getHours() % 10, 1, 3);

    setTimeout("showtime();", 1000);
}
//-->

Conclusion

Le code source précédent ne vous sert pas à grand chose sans les images contenues dans le zip...

Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

bin0.jpg 726 octets
bin1.jpg 824 octets
Horloge Binaire.hta2 694 octets
Horloge Binaire.js 5 803 octets
Support.jpg 6 963 octets

Télécharger le zip

Historique

02 avril 2008 19:16:15 :: Petite mise à jour de la partie javascript... 4 ans après avoir oublié cette petite horloge, je suis retombé dessus et j'ai trouvé que le code était très moche.

Sources de la même categorie

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana

CALENDRIER ANNUEL UNIVERSEL AVEC SAINTS DU CALENDRIER ET FÊT... par 007Julien

OBTENIR LE NOMBRE DE JOURS D'UN MOIS SUIVANT SON ANNÉE par hugolegrand

SAINT DU JOUR par tefa24600

NIPCLOCK 1.2 par neep

Toutes les sources de la catégorie Date & Heure

Sources en rapport avec celle ci

DU DOM EN SVG : UNE HORLOGE ANALOGIQUE par coucou747

TRADUCTEUR BINAIRE/DÉCIMALE par stfou

HORLOGE DYNAMIQUE À AFFICHAGE DIGITAL par vbbreizh

Commentaires et avis

Commentaire de dvdstory le 25/10/2005 20:20:23

Comment on fait pour lire l'heure sur une horloge binaire.

Commentaire de Angelus4 le 29/10/2005 17:55:48

Bonjour,

il y a six colonnes :
les deux de gauche pour les heures,
les deux du milieu pour les minutes
et les deux de droite pour les secondes.

Pour chaque couple de colonnes, la colonne de gauche correspond au chiffre des dizaine et celle de droite au chiffre des unités.

Une fois qu'on sait ça, c'est très simple.
Il suffit de savoir compter en binaire ce qui n'est pas très difficile et de faire une petite conversion de tête en base décimal.

La base binaire n'est composée que de deux chiffres : 0 et 1.
Ainsi, on peut la représenter facilement autrement qu'avec des chiffres... noir/blanc, faux/vrai, ...
ou éteinte/allumée. (pour des diodes par exemple...)

Exemples de conversion :
nombre en binaire = nombre décimal
0000 = 0
0001 = 1
0010 = 2
0011 = 3
0100 = 4
0101 = 5
...
1010 = 10
...
1111 = 15

Ainsi, en partant de la droite, chaque bit vaut 2 élevé à la puissance [indice de ce nombre]. (Les indices commencent à 0.)
le premier bit vaut 2 puissance 0 soit 1 :
0001 = 1
le quatrième bit vaut 2 puissance 3 soit 8 :
1000 = 8

On obtient une méthode rapide de conversion de tête :
01010101 vaut :
0^7 + 2^6 + 0^5 + 2^4 + 0^3 + 2^2 + 0^1 + 2^0 =
0  + 64  +  0  + 16  +  0  +  4  +  0  +  1  =
85

(Note : il faut connaître ses puissances de deux comme les tables de multiplication.)
Un exemple avec l'horloge binaire :

  0 0 0 0 1
  1 1 0 0 0
0 1 0 1 1 0
1 1 1 0 1 1

1 7 5 2 3 9

Il est 17 h 52 et 39 secondes.
Après quelque temps, on lit l'heure aussi facilement qu'avec sa montre traditionnelle.

En espérant t'avoir éclairé.
Cordialement.

Commentaire de dvdstory le 29/10/2005 19:54:16

Merci beaucoups d'avoir pris ton temps pour m'expliquer aussi bien le fonctionnement de ton horloge binaire.

Ajouter un commentaire

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

RE : CODE BUG JAVASCRIPT par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€
Creation d-un site vitrine avec MagentO
Budget : 2 000€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP