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

Ce site au démarrage

begin process at 2010 02 10 08:23:30

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

HORLOGE BINAIRE AVEC IMAGE

Information sur la source

Note :

7,25 / 10

Catégorie :Date & Heure Niveau :Débutant Date de création :16/12/2003 Vu / téléchargé :17 701 / 1 041

Auteur : teez

Ecrire un message privé

Site perso

Commentaire sur cette source (1)

Ajouter un commentaire et/ou une note

Description

Voilà une autre version de l'horloge binaire en image cette fois-ci !

Créer 2 fichiers image nommés img0.gif et img1.gif de même taille et placer les dans le même dossier que le fichier "Horloge Binaire img.htm" et "Horloge Binaire img.js"
A moins de prendre le zip où vous trouverez les images.
Vous pouvez modifier la couleur de fond et le style des bordure dans l'entête du fichier htm.

Source

Titre du fichier : Horloge Binaire img.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 img.js">
</script>
<style type="text/css">
body {background-color:#000000;}
h1 {color:#ffffff; font-family:Verdana;}
table {border:#49c7ce groove 10px;}
img {border:#ffff00 outset 2px;}
</style>
</head>
<body onload="showtime();">
<H1>Horloge Binaire</H1>
<table>
<tr>
<td valign="bottom">
<img src="img0.gif" name="dheure1" alt="" /><br />
<img src="img0.gif" name="dheure0" alt="" /><br />
</td>
<td>
<img src="img0.gif" name="uheure3" alt="" /><br />
<img src="img0.gif" name="uheure2" alt="" /><br />
<img src="img0.gif" name="uheure1" alt="" /><br />
<img src="img0.gif" name="uheure0" alt="" /><br />
</td>
<td>   </td>
<td valign="bottom">
<img src="img0.gif" name="dmin2" alt="" /><br />
<img src="img0.gif" name="dmin1" alt="" /><br />
<img src="img0.gif" name="dmin0" alt="" /><br />
</td>
<td>
<img src="img0.gif" name="umin3" alt="" /><br />
<img src="img0.gif" name="umin2" alt="" /><br />
<img src="img0.gif" name="umin1" alt="" /><br />
<img src="img0.gif" name="umin0" alt="" /><br />
</td>
<td>   </td>
<td valign="bottom">
<img src="img0.gif" name="dsec2" alt="" /><br />
<img src="img0.gif" name="dsec1" alt="" /><br />
<img src="img0.gif" name="dsec0" alt="" /><br />
</td>
<td>
<img src="img0.gif" name="usec3" alt="" /><br />
<img src="img0.gif" name="usec2" alt="" /><br />
<img src="img0.gif" name="usec1" alt="" /><br />
<img src="img0.gif" name="usec0" alt="" /><br />
</td>
</tr>
</table>
</body>
</html>
--------------------------------------------
Titre du fichier : Horloge Binaire img.js
/* Horloge Binaire avec image par Jean ELCHINGER optimisé par TheGuit
Date : 16/12/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;
img0=new Image(); img0.src="img0.gif"
img1=new Image(); img1.src="img1.gif"
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.images.dsec2.src = eval("img1.src")
sec-=40;
}
else
{
document.images.dsec2.src = eval("img0.src")
}
if(sec>=20)
{
document.images.dsec1.src = eval("img1.src")
sec-=20;
}
else
{
document.images.dsec1.src = eval("img0.src")
}
if(sec>=10)
{
document.images.dsec0.src = eval("img1.src")
sec-=10;
}
else
{
document.images.dsec0.src = eval("img0.src")
}
if(sec>=8)
{
document.images.usec3.src = eval("img1.src")
sec-=8;
}
else
{
document.images.usec3.src = eval("img0.src")
}
if(sec>=4)
{
document.images.usec2.src = eval("img1.src")
sec-=4;
}
else
{
document.images.usec2.src = eval("img0.src")
}
if(sec>=2)
{
document.images.usec1.src = eval("img1.src")
sec-=2;
}
else
{
document.images.usec1.src = eval("img0.src")
}
if(sec>=1)
{
document.images.usec0.src = eval("img1.src")
sec-=1;
}
else
{
document.images.usec0.src = eval("img0.src")
}
var min=decimal_minutes;
// minute
if(min>=40)
{
document.images.dmin2.src = eval("img1.src")
min-=40;
}
else
{
document.images.dmin2.src = eval("img0.src")
}
if(min>=20)
{
document.images.dmin1.src = eval("img1.src")
min-=20;
}
else
{
document.images.dmin1.src = eval("img0.src")
}
if(min>=10)
{
document.images.dmin0.src = eval("img1.src")
min-=10;
}
else
{
document.images.dmin0.src = eval("img0.src")
}
if(min>=8)
{
document.images.umin3.src = eval("img1.src")
min-=8;
}
else
{
document.images.umin3.src = eval("img0.src")
}
if(min>=4)
{
document.images.umin2.src = eval("img1.src")
min-=4;
}
else
{
document.images.umin2.src = eval("img0.src")
}
if(min>=2)
{
document.images.umin1.src = eval("img1.src")
min-=2;
}
else
{
document.images.umin1.src = eval("img0.src")
}
if(min>=1)
{
document.images.umin0.src = eval("img1.src")
min-=1;
}
else
{
document.images.umin0.src = eval("img0.src")
}
var heure=decimal_hours;
// heure
if(heure>=20)
{
document.images.dheure1.src = eval("img1.src")
heure-=20;
}
else
{
document.images.dheure1.src = eval("img0.src")
}
if(heure>=10)
{
document.images.dheure0.src = eval("img1.src")
heure-=10;
}
else
{
document.images.dheure0.src = eval("img0.src")
}
if(heure>=8)
{
document.images.uheure3.src = eval("img1.src")
heure-=8;
}
else
{
document.images.uheure3.src = eval("img0.src")
}
if(heure>=4)
{
document.images.uheure2.src = eval("img1.src")
heure-=4;
}
else
{
document.images.uheure2.src = eval("img0.src")
}
if(heure>=2)
{
document.images.uheure1.src = eval("img1.src")
heure-=2;
}
else
{
document.images.uheure1.src = eval("img0.src")
}
if(heure>=1)
{
document.images.uheure0.src = eval("img1.src")
heure-=1;
}
else
{
document.images.uheure0.src = eval("img0.src")
}
timerID = setTimeout("showtime();",1000);
}

Titre du fichier : Horloge Binaire img.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 img.js">
</script>
<style type="text/css">
body {background-color:#000000;}
h1 {color:#ffffff; font-family:Verdana;}
table {border:#49c7ce groove 10px;}
img {border:#ffff00 outset 2px;}
</style>
</head>
<body onload="showtime();">
<H1>Horloge Binaire</H1>

<table>
<tr>
 <td valign="bottom">
 <img src="img0.gif" name="dheure1" alt="" /><br />
 <img src="img0.gif" name="dheure0" alt="" /><br />
 </td>
 <td>
 <img src="img0.gif" name="uheure3" alt="" /><br />
 <img src="img0.gif" name="uheure2" alt="" /><br />
 <img src="img0.gif" name="uheure1" alt="" /><br />
 <img src="img0.gif" name="uheure0" alt="" /><br />
 </td>

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

 <td valign="bottom">
 <img src="img0.gif" name="dmin2" alt="" /><br />
 <img src="img0.gif" name="dmin1" alt="" /><br />
 <img src="img0.gif" name="dmin0" alt="" /><br />
 </td>
 <td>
 <img src="img0.gif" name="umin3" alt="" /><br />
 <img src="img0.gif" name="umin2" alt="" /><br />
 <img src="img0.gif" name="umin1" alt="" /><br />
 <img src="img0.gif" name="umin0" alt="" /><br />
 </td>

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

 <td valign="bottom">
 <img src="img0.gif" name="dsec2" alt="" /><br />
 <img src="img0.gif" name="dsec1" alt="" /><br />
 <img src="img0.gif" name="dsec0" alt="" /><br />
 </td>
 <td>
 <img src="img0.gif" name="usec3" alt="" /><br />
 <img src="img0.gif" name="usec2" alt="" /><br />
 <img src="img0.gif" name="usec1" alt="" /><br />
 <img src="img0.gif" name="usec0" alt="" /><br />
 </td>
</tr>

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

--------------------------------------------
Titre du fichier :  Horloge Binaire img.js

/* Horloge Binaire avec image par Jean ELCHINGER optimisé par TheGuit
Date : 16/12/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;
img0=new Image(); img0.src="img0.gif"
img1=new Image(); img1.src="img1.gif"

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.images.dsec2.src = eval("img1.src")
        sec-=40;
    }
    else
    {
		document.images.dsec2.src = eval("img0.src")
    }
    if(sec>=20)
    {
		document.images.dsec1.src = eval("img1.src")
        sec-=20;
    }
    else
    {
		document.images.dsec1.src = eval("img0.src")
    }
    if(sec>=10)
    {
		document.images.dsec0.src = eval("img1.src")
        sec-=10;
    }
    else
    {
		document.images.dsec0.src = eval("img0.src")
    }
    if(sec>=8)
    {
		document.images.usec3.src = eval("img1.src")
        sec-=8;
    }
    else
    {
		document.images.usec3.src = eval("img0.src")
    }
    if(sec>=4)
    {
		document.images.usec2.src = eval("img1.src")
        sec-=4;
    }
    else
    {
		document.images.usec2.src = eval("img0.src")
    }
    if(sec>=2)
    {
		document.images.usec1.src = eval("img1.src")
        sec-=2;
    }
    else
    {
		document.images.usec1.src = eval("img0.src")
    }
     if(sec>=1)
    {
		document.images.usec0.src = eval("img1.src")
        sec-=1;    
    }
    else
    {
		document.images.usec0.src = eval("img0.src")
    }



    var min=decimal_minutes;
    // minute
    if(min>=40)
    {
		document.images.dmin2.src = eval("img1.src")
        min-=40;
    }
    else
    {
		document.images.dmin2.src = eval("img0.src")
    }
    if(min>=20)
    {
		document.images.dmin1.src = eval("img1.src")
        min-=20;
    }
    else
    {
		document.images.dmin1.src = eval("img0.src")
    }
    if(min>=10)
    {
		document.images.dmin0.src = eval("img1.src")
        min-=10;
    }
    else
    {
		document.images.dmin0.src = eval("img0.src")
    }
    if(min>=8)
    {
		document.images.umin3.src = eval("img1.src")
        min-=8;
    }
    else
    {
		document.images.umin3.src = eval("img0.src")
    }
    if(min>=4)
    {
		document.images.umin2.src = eval("img1.src")
        min-=4;
    }
    else
    {
		document.images.umin2.src = eval("img0.src")
    }
    if(min>=2)
    {
		document.images.umin1.src = eval("img1.src")
        min-=2;
    }
    else
    {
		document.images.umin1.src = eval("img0.src")
    }
     if(min>=1)
    {
		document.images.umin0.src = eval("img1.src")
        min-=1;    
    }
    else
    {
		document.images.umin0.src = eval("img0.src")
    }
      
      

    var heure=decimal_hours;
    // heure
    if(heure>=20)
    {
		document.images.dheure1.src = eval("img1.src")
        heure-=20;
    }
    else
    {
		document.images.dheure1.src = eval("img0.src")
    }
    if(heure>=10)
    {
		document.images.dheure0.src = eval("img1.src")
        heure-=10;
    }
    else
    {
		document.images.dheure0.src = eval("img0.src")
    }
    if(heure>=8)
    {
		document.images.uheure3.src = eval("img1.src")
        heure-=8;
    }
    else
    {
		document.images.uheure3.src = eval("img0.src")
    }
    if(heure>=4)
    {
		document.images.uheure2.src = eval("img1.src")
        heure-=4;
    }
    else
    {
		document.images.uheure2.src = eval("img0.src")
    }
    if(heure>=2)
    {
		document.images.uheure1.src = eval("img1.src")
        heure-=2;
    }
    else
    {
		document.images.uheure1.src = eval("img0.src")
    }
     if(heure>=1)
    {
		document.images.uheure0.src = eval("img1.src")
        heure-=1;    
    }
    else
    {
		document.images.uheure0.src = eval("img0.src")
    } 

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

Fichier Zip

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

_img0.gif 964 octets
_img1.gif 964 octets
Horloge Binaire img.htm 1 733 octets
Horloge Binaire img.js 4 226 octets
img0.gif 964 octets
img1.gif 1 182 octets

Télécharger le zip

Sources du même auteur

HORLOGE BINAIRE V1.0

Toutes les sources de teez

Sources de la même categorie

CHRONOMÈTRE AMÉLIORÉ par Kolosta

SLEEP() SANS BOUCLE D'ATTENTE CONSOMMATRICE par Phildepantin

AFFICHAGE DE L'HEURE ET DU FUSEAU HORAIRE (TIMEZONE) SUR LA ... par navylav2

HORLOGE TRIPLE AFFICHAGE AU FORMAT AM/PM/24H/DST par sofiane1234

HORLOGE NUMÉRIQUE EN JAVASCRIPT, COMPATIBLE IE ET FF par bad_dark_spirit

Toutes les sources de la catégorie Date & Heure

Commentaires et avis

Commentaire de DomJ le 16/06/2007 01:04:10

Sérieusement, bravo pour ta source!

Ajouter un commentaire

Nos sponsors

Derniers Blogs

UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante

TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice

[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion

TECHDAYS PARIS 2010 : LA BI DANS SHAREPOINT 2010 par ROMELARD Fabrice

TECHDAYS PARIS 2010 : DéPLOIEMENT DE NOUVELLES TECHNOLOGIES - RETOUR D'EXPéRIENCE PAR L'INFORMATIQUE DE MICROSOFT par ROMELARD Fabrice

Forum

RE : PROTOTYPE: PROBLèME AVEC "EVENT" par bumbo

RE : FONCTION RECHERCHE DATE par jeca

DEFINITION DE LA METHODE SETBORDER par nassim1987

RE : FONCTION RECHERCHE DATE par Eyeron

FONCTION RECHERCHE DATE par Eyeron

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

PLATEFORME SUR L ESOTERISME VOYANCE - sans charte graphique
Budget : 3 500€
Joomla 15 module paiement adaptation composant cuisine
Budget : 250€
Integrateur web dans template
Budget : 500€

Logiciels

DB-MAIN (9.1.0)
DB-MAIN (9.1.0)

DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal...

Cliquez pour télécharger DB-MAIN
Xilisoft DPG Convertisseur (5.1.37.0120)
XILISOFT DPG CONVERTISSEUR (5.1.37.0120)

Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé...

Cliquez pour télécharger Xilisoft DPG Convertisseur
GraphicsGale (2.01.01)
GRAPHICSGALE (2.01.01)

GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ...

Cliquez pour télécharger GraphicsGale
Architecte 3D (Platinum 2010)
ARCHITECTE 3D (PLATINUM 2010)

Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é...

Cliquez pour télécharger Architecte 3D
TeamViewer 5 (TeamViewer 5)
TEAMVIEWER 5 (TEAMVIEWER 5)

Dépanner un ami,expliquer une manipulation devient un jeu d'enfant. Prise en main d'un autre ord...

Cliquez pour télécharger TeamViewer 5