Horloge binaire v1.0

Télécharger le projet
Commenter

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 / Exemple : 


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 !
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_teez)