Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

HORLOGE BINAIRE V1.0


Information sur la source

Catégorie :Date & Heure Niveau : Débutant Date de création : 09/11/2003 Date de mise à jour : 09/11/2003 23:02:01 Vu / téléchargé: 7 644 / 290

Note :
6,5 / 10 - par 4 personnes
6,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (3)
Ajouter un commentaire et/ou une note

Description

Ben, c'est une horloge tout ce qu'il y a de plus normal qui affiche l'heure en binaire !
Exécutez la page et vous verrez !

 

Source

  • En tout : 2 fichiers
  • Fichier 'Horloge Binaire.htm'
  • _______________________________________________
  • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  • <html><head><title>Horloge binaire en JavaScript</title>
  • <script type="text/javascript" src="Horloge Binaire.js">
  • </script>
  • </head>
  • <body onload="showtime();">
  • <H1>Horloge Binaire</H1>
  • <form name=clock>
  • <table border=0>
  • <tr>
  • <td valign="bottom">
  • <input type="radio" name="dheure1" /><br />
  • <input type="radio" name="dheure0" /><br />
  • </td>
  • <td>
  • <input type="radio" name="uheure3" /><br />
  • <input type="radio" name="uheure2" /><br />
  • <input type="radio" name="uheure1" /><br />
  • <input type="radio" name="uheure0" /><br />
  • </td>
  • <td>&nbsp;&nbsp;&nbsp;</td>
  • <td valign="bottom">
  • <input type="radio" name="dmin2" /><br />
  • <input type="radio" name="dmin1" /><br />
  • <input type="radio" name="dmin0"/><br />
  • </td>
  • <td>
  • <input type="radio" name="umin3" /><br />
  • <input type="radio" name="umin2" /><br />
  • <input type="radio" name="umin1" /><br />
  • <input type="radio" name="umin0" /><br />
  • </td>
  • <td>&nbsp;&nbsp;&nbsp;</td>
  • <td valign="bottom">
  • <input type="radio" name="dsec2"/><br />
  • <input type="radio" name="dsec1" /><br />
  • <input type="radio" name="dsec0" /><br />
  • </td>
  • <td>
  • <input type="radio" name="usec3" /><br />
  • <input type="radio" name="usec2" /><br />
  • <input type="radio" name="usec1" /><br />
  • <input type="radio" name="usec0" /><br />
  • </td>
  • </tr>
  • </table>
  • </form>
  • </body></html>
  • Fichier 'Horloge Binaire.js'
  • _______________________________________________
  • /* Horloge Binaire par Jean ELCHINGER optimisé par TheGuit
  • 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 timerID = null;
  • function showtime()
  • {
  • var now = new Date();
  • var decimal_hours = now.getHours();
  • var decimal_minutes = now.getMinutes();
  • var decimal_seconds = now.getSeconds();
  • var sec=decimal_seconds;
  • // seconde
  • if(sec>=40)
  • {
  • document.clock.dsec2.checked = true;
  • sec-=40;
  • }
  • else
  • {
  • document.clock.dsec2.checked = false;
  • }
  • if(sec>=20)
  • {
  • document.clock.dsec1.checked = true;
  • sec-=20;
  • }
  • else
  • {
  • document.clock.dsec1.checked = false;
  • }
  • if(sec>=10)
  • {
  • document.clock.dsec0.checked = true;
  • sec-=10;
  • }
  • else
  • {
  • document.clock.dsec0.checked = false;
  • }
  • if(sec>=8)
  • {
  • document.clock.usec3.checked = true;
  • sec-=8;
  • }
  • else
  • {
  • document.clock.usec3.checked = false;
  • }
  • if(sec>=4)
  • {
  • document.clock.usec2.checked = true;
  • sec-=4;
  • }
  • else
  • {
  • document.clock.usec2.checked = false;
  • }
  • if(sec>=2)
  • {
  • document.clock.usec1.checked = true;
  • sec-=2;
  • }
  • else
  • {
  • document.clock.usec1.checked = false;
  • }
  • if(sec>=1)
  • {
  • document.clock.usec0.checked = true;
  • sec-=1;
  • }
  • else
  • {
  • document.clock.usec0.checked = false;
  • }
  • var min=decimal_minutes;
  • // minute
  • if(min>=40)
  • {
  • document.clock.dmin2.checked = true;
  • min-=40;
  • }
  • else
  • {
  • document.clock.dmin2.checked = false;
  • }
  • if(min>=20)
  • {
  • document.clock.dmin1.checked = true;
  • min-=20;
  • }
  • else
  • {
  • document.clock.dmin1.checked = false;
  • }
  • if(min>=10)
  • {
  • document.clock.dmin0.checked = true;
  • min-=10;
  • }
  • else
  • {
  • document.clock.dmin0.checked = false;
  • }
  • if(min>=8)
  • {
  • document.clock.umin3.checked = true;
  • min-=8;
  • }
  • else
  • {
  • document.clock.umin3.checked = false;
  • }
  • if(min>=4)
  • {
  • document.clock.umin2.checked = true;
  • min-=4;
  • }
  • else
  • {
  • document.clock.umin2.checked = false;
  • }
  • if(min>=2)
  • {
  • document.clock.umin1.checked = true;
  • min-=2;
  • }
  • else
  • {
  • document.clock.umin1.checked = false;
  • }
  • if(min>=1)
  • {
  • document.clock.umin0.checked = true;
  • min-=1;
  • }
  • else
  • {
  • document.clock.umin0.checked = false;
  • }
  • var heure=decimal_hours;
  • // heure
  • if(heure>=20)
  • {
  • document.clock.dheure1.checked = true;
  • heure-=20;
  • }
  • else
  • {
  • document.clock.dheure1.checked = false;
  • }
  • if(heure>=10)
  • {
  • document.clock.dheure0.checked = true;
  • heure-=10;
  • }
  • else
  • {
  • document.clock.dheure0.checked = false;
  • }
  • if(heure>=8)
  • {
  • document.clock.uheure3.checked = true;
  • heure-=8;
  • }
  • else
  • {
  • document.clock.uheure3.checked = false;
  • }
  • if(heure>=4)
  • {
  • document.clock.uheure2.checked = true;
  • heure-=4;
  • }
  • else
  • {
  • document.clock.uheure2.checked = false;
  • }
  • if(heure>=2)
  • {
  • document.clock.uheure1.checked = true;
  • heure-=2;
  • }
  • else
  • {
  • document.clock.uheure1.checked = false;
  • }
  • if(heure>=1)
  • {
  • document.clock.uheure0.checked = true;
  • heure-=1;
  • }
  • else
  • {
  • document.clock.uheure0.checked = false;
  • }
  • timerID = setTimeout("showtime();",1000);
  • }
En tout : 2 fichiers

Fichier 'Horloge Binaire.htm'
_______________________________________________
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html><head><title>Horloge binaire en JavaScript</title>
<script type="text/javascript" src="Horloge Binaire.js">
</script>
</head>
<body onload="showtime();">
<H1>Horloge Binaire</H1>

<form name=clock>
<table border=0>
<tr>
 <td valign="bottom">
  <input type="radio" name="dheure1" /><br />
  <input type="radio" name="dheure0" /><br />
 </td>
 <td>
  <input type="radio" name="uheure3" /><br />
  <input type="radio" name="uheure2" /><br />
  <input type="radio" name="uheure1" /><br />
  <input type="radio" name="uheure0" /><br />
 </td>

<td>&nbsp;&nbsp;&nbsp;</td>

 <td valign="bottom">
  <input type="radio" name="dmin2" /><br />
  <input type="radio" name="dmin1" /><br />
  <input type="radio" name="dmin0"/><br />
 </td>
 <td>
  <input type="radio" name="umin3" /><br />
  <input type="radio" name="umin2" /><br />
  <input type="radio" name="umin1" /><br />
  <input type="radio" name="umin0" /><br />
 </td>

<td>&nbsp;&nbsp;&nbsp;</td>

 <td valign="bottom">
  <input type="radio" name="dsec2"/><br />
  <input type="radio" name="dsec1" /><br />
  <input type="radio" name="dsec0" /><br />
 </td>
 <td>
  <input type="radio" name="usec3" /><br />
  <input type="radio" name="usec2" /><br />
  <input type="radio" name="usec1" /><br />
  <input type="radio" name="usec0" /><br />
 </td>
</tr>

</table>
</form>
</body></html>




Fichier 'Horloge Binaire.js'
_______________________________________________
/* Horloge Binaire par Jean ELCHINGER optimisé par TheGuit
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 timerID = null;


function showtime()
{
    
    var now = new Date();
    var decimal_hours = now.getHours();
    var decimal_minutes = now.getMinutes();
    var decimal_seconds = now.getSeconds();


    var sec=decimal_seconds;
    // seconde
    if(sec>=40)
    {
        document.clock.dsec2.checked = true;
        sec-=40;
    }
    else
    {
        document.clock.dsec2.checked = false;
    }
    if(sec>=20)
    {
        document.clock.dsec1.checked = true;
        sec-=20;
    }
    else
    {
        document.clock.dsec1.checked = false;
    }
    if(sec>=10)
    {
        document.clock.dsec0.checked = true;
        sec-=10;
    }
    else
    {
        document.clock.dsec0.checked = false;
    }
    if(sec>=8)
    {
        document.clock.usec3.checked = true;
        sec-=8;
    }
    else
    {
        document.clock.usec3.checked = false;
    }
    if(sec>=4)
    {
        document.clock.usec2.checked = true;
        sec-=4;
    }
    else
    {
        document.clock.usec2.checked = false;
    }
    if(sec>=2)
    {
        document.clock.usec1.checked = true;
        sec-=2;
    }
    else
    {
        document.clock.usec1.checked = false;
    }
     if(sec>=1)
    {
        document.clock.usec0.checked = true;
        sec-=1;    
    }
    else
    {
        document.clock.usec0.checked = false;
    }





    var min=decimal_minutes;
    // minute
    if(min>=40)
    {
        document.clock.dmin2.checked = true;
        min-=40;
    }
    else
    {
        document.clock.dmin2.checked = false;
    }
    if(min>=20)
    {
        document.clock.dmin1.checked = true;
        min-=20;
    }
    else
    {
        document.clock.dmin1.checked = false;
    }
    if(min>=10)
    {
        document.clock.dmin0.checked = true;
        min-=10;
    }
    else
    {
        document.clock.dmin0.checked = false;
    }
    if(min>=8)
    {
        document.clock.umin3.checked = true;
        min-=8;
    }
    else
    {
        document.clock.umin3.checked = false;
    }
    if(min>=4)
    {
        document.clock.umin2.checked = true;
        min-=4;
    }
    else
    {
        document.clock.umin2.checked = false;
    }
    if(min>=2)
    {
        document.clock.umin1.checked = true;
        min-=2;
    }
    else
    {
        document.clock.umin1.checked = false;
    }
     if(min>=1)
    {
        document.clock.umin0.checked = true;
        min-=1;    
    }
    else
    {
        document.clock.umin0.checked = false;
    }
      
      

    var heure=decimal_hours;
    // heure
    if(heure>=20)
    {
        document.clock.dheure1.checked = true;
        heure-=20;
    }
    else
    {
        document.clock.dheure1.checked = false;
    }
    if(heure>=10)
    {
        document.clock.dheure0.checked = true;
        heure-=10;
    }
    else
    {
        document.clock.dheure0.checked = false;
    }
    if(heure>=8)
    {
        document.clock.uheure3.checked = true;
        heure-=8;
    }
    else
    {
        document.clock.uheure3.checked = false;
    }
    if(heure>=4)
    {
        document.clock.uheure2.checked = true;
        heure-=4;
    }
    else
    {
        document.clock.uheure2.checked = false;
    }
    if(heure>=2)
    {
        document.clock.uheure1.checked = true;
        heure-=2;
    }
    else
    {
        document.clock.uheure1.checked = false;
    }
     if(heure>=1)
    {
        document.clock.uheure0.checked = true;
        heure-=1;    
    }
    else
    {
        document.clock.uheure0.checked = false;
    } 



    timerID = setTimeout("showtime();",1000);


}

Conclusion

Pour comprendre le fonctionnement aller sur :
http://www.thinkgeek.com/cubegoodies/lights/59e0/
Vous pouvez aussi en acheter une en vrai !

Je prévois de rajouter la possibilité de choisir comment afficher l'horloge avec une feuille de style.
Et sinon, dès que j'aurai appris le Java, je pense que je ferai aussi une version en applet Java qui sera encore plus jolie.
Mais tout ça ne sont que des suppositions, je ne m'engage en aucun cas à vous promettre de réaliser tout ceci.
Si je tarde vous pouvez tjs m'envoyer un mail pour me rappeler de continuer à améliorer ce projet.
Vous avez aussi le droit de reprendre le source et d'en faire ce que vous voulez !

Si il y a de nouvelles versions, je les posterai ici !

 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Commentaires et avis

signaler à un administrateur
Commentaire de marcel1307 le 12/11/2003 13:59:05

C'est pas mal ton horloge. Je suis un fan de binaire j'adore ça...mais j'ai un blème...... J'arrive pas à le lire.... Si toi tu y arrive j'aimerais bien que tu m'explique. Merci d'avance. ;-) Bine sur j'en voi pas l'utilité sur un site mais c le principe qui me plait. @+

signaler à un administrateur
Commentaire de teez le 12/11/2003 19:36:53

Pour comprendre comment lire, j'ai indiqué un lien qui explique
http://www.thinkgeek.com/cubegoodies/lights/59e0/

Chaque colonne représente dans l'ordre de gauche à droite :
les dizaines d'heures (sur 2 points)
les unités d'heures (sur 4 points)
les dizaines de minutes (sur 3 points)
les unités de minutes (sur 4 points)
les dizaines de secondes (sur 3 points)
les unités de secondes (sur 4 points)

Tu comptes à partir du bas.
les valeurs sont 1, 2, 4, 8 que tu additionnes si les points sont pleins.

Voilà, j'espère que j'ai bien expliqué.
Sinon, je préfère que tu regardes le lien ou tu vois une image qui explique mieux qu'un texte.

signaler à un administrateur
Commentaire de marcel1307 le 13/11/2003 15:35:29

Be c 'est bon j'ai tout compris ;-) Merci bcp !!!
@+

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Octobre 2008
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,140 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.