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

Ce site au démarrage

begin process at 2012 02 09 19:31:22

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é :20 530 / 1 141

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

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

COMPTE À REBOURS POUR ÉVÉNEMENTS À RÉPÉTITION par CSIBern

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

TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice

MISHRA READER : UN LECTEUR RSS TRèS ZUNE STYLE EN OPEN SOURCE ! par Vko

[FRAMEWORK 4] LES TASKS ET LE THREAD UI par fathi

WORKFLOW FOUNDATION 3 A UN PIED DANS LA TOMBE par JeremyJeanson

TECHDAYS PARIS 2012 : NOUVELLES TENDANCES DU POSTE DE TRAVAIL - BRING YOUR OWN PC par ROMELARD Fabrice

Forum

PB GETTER ET SETTER SUR IE<9 par aerolyte

CREATION DE SCORING OU RATING par Alex16000

API ANYWHERE DE TWITTER par coach872

RE : VéRIFICATION FORMULAIRE par maha1987

SCROLL D'IMAGES DANS UNE PAGE HTML : ORDRE ALéATOIRE DES IMAGES ? par cyber5784

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Creation d-un site internet similaire a Meetic CDC Disponible
Budget : 8 000€
Integration E commerce d-une application graphique interactive
Budget : 4 000€
URGENT-Developpement d-un annuaire
Budget : 13 000€

Logiciels

Academy System (17.2.1.0)
ACADEMY SYSTEM (17.2.1.0)

Logiciel de gestion des établissements. - élèves/étudiants (inscription, dossier, absence...) -...

Cliquez pour télécharger Academy System
Easy-Planning (1.0.0.1)
EASY-PLANNING (1.0.0.1)

Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ...

Cliquez pour télécharger Easy-Planning
COLLECTOR PLUS (3.00B)
COLLECTOR PLUS (3.00B)

COLLECTOR PLUS version 3.00B est un logiciel utilisant une base de données alimentée par : - L...

Cliquez pour télécharger COLLECTOR PLUS
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)
PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V7.4)

PONAMEDIA TV DEVIENS HELLLOOO FLASH LA TV SUR VOTRE ORDINATEUR. Toute une plateforme Multi...

Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO
LettresFaciles 2011 (8.0.0.1)
LETTRESFACILES 2011 (8.0.0.1)

LettresFaciles est un logiciel facilitant la création et la rédaction de lettres types. Son inte...

Cliquez pour télécharger LettresFaciles 2011