Horloge binaire v1.0

Soyez le premier à donner votre avis sur cette source.

Vue 13 763 fois - Téléchargée 428 fois

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 !

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

marcel1307
Messages postés
22
Date d'inscription
mercredi 28 mai 2003
Statut
Membre
Dernière intervention
5 juin 2008
-
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. @+
cs_teez
Messages postés
15
Date d'inscription
mercredi 3 septembre 2003
Statut
Membre
Dernière intervention
25 février 2005
-
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.
marcel1307
Messages postés
22
Date d'inscription
mercredi 28 mai 2003
Statut
Membre
Dernière intervention
5 juin 2008
-
Be c 'est bon j'ai tout compris ;-) Merci bcp !!!
@+

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.