begin process at 2012 05 28 12:58:05
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Date & Heure

 > CHRONOMÈTRE DYNAMIQUE

CHRONOMÈTRE DYNAMIQUE


 Information sur la source

Note :
9,75 / 10 - par 4 personnes
9,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Date & Heure Niveau :Initié Date de création :23/05/2004 Vu / téléchargé :15 435 / 1 122
Auteur : Xo Sonic oX

Ecrire un message privé
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

Voici un chronomètre dynamique, avec un bouton start, pause et RAZ.
Le chrono peut vous compter normalement ( jour(s), heure(s), minute(s) et seconde(s)). Elle affiche le temps dans votre barre de status et dans un champ de texte.

Source

  • <html>
  • <head>
  • <title>Chronom&egrave;tre</title>
  • </head>
  • <body bgcolor="#00CCFF">
  • <div align="center"><h4>Chronomètre</h4>
  • <script language='JavaScript'>
  • ss=0;
  • s=00;
  • m='0'+0;
  • h='0'+0;
  • j=0;
  • window.status = "Chrono "+j+" jour(s) et " +h + ' : ' + m + ' : ' + s ;
  • function Chrono() {
  • if (m==0) {m='00'}
  • if(h==0) {h='00'}
  • if (ss<10){ss='0'+ss;}
  • if (s<10){s='0'+s;}
  • window.status = "Chrono "+j+" jour(s) et " +h + ' : ' + m + ' : ' + s ;
  • document.formu.heure.value =j+" jour(s) et "+h + ' : ' + m + ' : ' + s ;
  • document.formu.seco.value =ss;
  • s++;
  • ss++;
  • if (h==24){h='0'+0;j++;}
  • if (s==60){s=0;s=0; m++;if(m<10){m='0'+m;}}
  • if (m==60){m='0'+0;h++;if(h<10){h='0'+h;}}
  • chrono=window.setTimeout("Chrono();",1000);
  • }
  • </script>
  • </div>
  • <form action="" method="post" name="formu" id="formu">
  • <p align="center">
  • <input name="heure" type="text" id="heure" value="0 jour(s) et 00 : 00 : 00"> ou <input name="seco" type="text" value="00"> seconde(s).
  • </p>
  • <p align="center">
  • <input type="button" name="Submit" value="Start!" onClick="Chrono();">
  • <input type="button" name="Submit2" value="Stop!" onClick="window.clearTimeout(chrono);">
  • <input type="button" name="Submit3" value="RAZ"onClick="if (confirm('Souhaitez vous mettre le compteur à zéro?')){s=0;m=0;j=0;h=0;ss=0; window.status = 'Chrono 0 jour(s) et 00 : 00 : 00' ; document.formu.heure.value ='0 jour(s) et 00 : 00 : 00';document.formu.seco.value='0'+0;}">
  • </p>
  • <p align="center"><br>
  • La Valeur du chrono apparaît dans la zone de texte et dans la barre de navigation
  • en bas de votre fenêtre. <br>
  • Cliquez sur le bouton Start pour faire partir le chrono, le bouton stop pour
  • l'arrêter et le bouton RAZ pour remettre à zéro</p>
  • <p align="center">.
  • </p>
  • </form>
  • </body>
  • </html> 
<html>
<head>
<title>Chronom&egrave;tre</title>
</head>
<body bgcolor="#00CCFF">
<div align="center"><h4>Chronomètre</h4>
<script language='JavaScript'>
ss=0;
s=00;
m='0'+0;
h='0'+0;
j=0;
window.status = "Chrono "+j+" jour(s) et " +h + ' : '  + m + ' : ' + s ; 
function Chrono() {
if (m==0) {m='00'}
if(h==0) {h='00'}
if (ss<10){ss='0'+ss;}
if (s<10){s='0'+s;}
 window.status = "Chrono "+j+" jour(s) et " +h + ' : '  + m + ' : ' + s ; 
document.formu.heure.value =j+" jour(s) et "+h + ' : ' + m + ' : ' + s ;
document.formu.seco.value =ss;
s++;
ss++;
if (h==24){h='0'+0;j++;}
if (s==60){s=0;s=0; m++;if(m<10){m='0'+m;}}
if (m==60){m='0'+0;h++;if(h<10){h='0'+h;}}
chrono=window.setTimeout("Chrono();",1000);
}
</script>
</div>
<form action="" method="post" name="formu" id="formu">
  <p align="center"> 
    <input name="heure" type="text" id="heure" value="0 jour(s) et 00 : 00 : 00"> ou    <input name="seco" type="text"  value="00"> seconde(s).
  </p>
  <p align="center"> 
    <input type="button" name="Submit" value="Start!" onClick="Chrono();">
    <input type="button" name="Submit2" value="Stop!" onClick="window.clearTimeout(chrono);">
    <input type="button" name="Submit3" value="RAZ"onClick="if (confirm('Souhaitez vous mettre le compteur à zéro?')){s=0;m=0;j=0;h=0;ss=0; window.status = 'Chrono 0 jour(s) et 00 : 00 : 00' ; document.formu.heure.value ='0 jour(s) et 00 : 00 : 00';document.formu.seco.value='0'+0;}">
  </p>
  <p align="center"><br>
    La Valeur du chrono apparaît dans la zone de texte et dans la barre de navigation 
    en bas de votre fenêtre. <br>
    Cliquez sur le bouton Start pour faire partir le chrono, le bouton stop pour 
    l'arrêter et le bouton RAZ pour remettre à zéro</p>
  <p align="center">. 
    
  </p>
</form>
</body>
</html>


 Fichier Zip

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

Télécharger le zip


 Sources du même auteur

Source avec Zip FAUX FORMATGE
Source avec Zip Source avec une capture IMAGE COGNANTE CONTRE LES BORDS DE LA FENÊTRE & IMAGE DIRIGE...
Source avec Zip Source avec une capture GÉNÉRATEURS DE PAGES WEB
Source avec Zip TITRE DE PAGE DÉFILANT
Source avec Zip TEXTE ARC-EN-CIEL
Toutes les sources de Xo Sonic oX

 Sources de la même categorie

NOMBRE DE JOURS, MOIS ET ANNÉES DEPUIS LA NAISSANCE par marcenana
Source avec Zip 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
Source avec Zip Source avec une capture NIPCLOCK 1.2 par neep
Toutes les sources de la catégorie Date & Heure

Commentaires et avis

Commentaire de tipit le 25/05/2004 02:45:09

je ne sais pas si c'est mon ordi ou le script, mais il y a interruption à toute les trois secondes précises.

Commentaire de Xo Sonic oX le 25/05/2004 20:09:52

Je sais , j'ai éssayé sur trois ordinateurs diffèrents et ca marche correctement. Moi je les éssaye sous Intrenet explorer ( de win XP), je ne sais pas si ca marche bien sur netscape (tu l'as peut etre toi?), ou sinon je sais pas ce que ca peut etre

Commentaire de marte59 le 11/12/2004 13:38:00

Salut !
Il est bien ton code !
Mais j'ai remarqué que lorsqu'on clique plusieurs fois sur "start!", le chrono accélère.
C'est pourquoi, j'ai ajouter un petit bout de code pour désactiver les boutons pour ne pas qu'on clique dessus.
(On ne peut cliquer qu'une fois dessus):

<html>
<head>
<title>Chronomètre</title>
</head>
<body bgcolor="#00CCFF">
<div align="center"><h4>Chronomètre</h4>
<script language='JavaScript'>
ss=0;
s=00;
m='0'+0;
h='0'+0;
j=0;
window.status = "Chrono "+j+" jour(s) et " +h + ' : '  + m + ' : ' + s ;
function Chrono() {
if (m==0) {m='00'}
if(h==0) {h='00'}
if (ss<10){ss='0'+ss;}
if (s<10){s='0'+s;}
window.status = "Chrono "+j+" jour(s) et " +h + ' : '  + m + ' : ' + s ;
document.formu.heure.value =j+" jour(s) et "+h + ' : ' + m + ' : ' + s ;
document.formu.seco.value =ss;
s++;
ss++;
if (h==24){h='0'+0;j++;}
if (s==60){s=0;s=0; m++;if(m<10){m='0'+m;}}
if (m==60){m='0'+0;h++;if(h<10){h='0'+h;}}
chrono=window.setTimeout("Chrono();",1000);
}
function starter() {
document.formu.commencer.disabled = "disabled";
document.formu.arreter.disabled = "";
}
function stopper() {
document.formu.commencer.disabled = "";
document.formu.arreter.disabled = "disabled";
}
</script>
</div>
<form action="" method="post" name="formu" id="formu">
  <p align="center">
    <input name="heure" type="text" id="heure" value="0 jour(s) et 00 : 00 : 00"> ou    <input name="seco" type="text"  

value="00"> seconde(s).
  </p>
  <p align="center">
    <input type="button" name="commencer" value="Start" onClick="Chrono();starter();">
    <input type="button" name="arreter" value="Stop" onClick="window.clearTimeout(chrono);stopper();" disabled="disabled">
    <input type="button" name="raz" value="RAZ"onClick="if (confirm('Souhaitez vous mettre le compteur à

zéro?')){s=0;m=0;j=0;h=0;ss=0; window.status = 'Chrono 0 jour(s) et 00 : 00 : 00' ; document.formu.heure.value ='0 jour(s) et

00 : 00 : 00';document.formu.seco.value='0'+0;}">
  </p>
  <p align="center"><br>
    La Valeur du chrono apparaît dans la zone de texte et dans la barre de navigation
    en bas de votre fenêtre. <br>
    Cliquez sur le bouton Start pour faire partir le chrono, le bouton stop pour
    l'arrêter et le bouton RAZ pour remettre à zéro</p>
  <p align="center">.
    
  </p>
</form>
</body>
</html>

Dis-moi ce que tu en penses !
Martin

Commentaire de randriandry1 le 11/01/2005 14:45:08

salut!
c'est très bien ton code et merci de l'avoir publié. j'ai déjà essayer de faire la même chose il y a quelque temps mais c'est raté.
merci encore

Commentaire de sparklegamer le 16/01/2006 18:11:45

excellent code, un petit 10/10

Commentaire de spaide_98 le 28/05/2006 15:47:58

bravo excellent ton code mais il y
a une chose que je ne comprends pas
à la variable m et h tu fais '0'+0
pourquoi tu ne fais pas simplement
00?

Commentaire de mikymaxxx le 24/02/2009 20:05:06

ca ne remet pas à 0 biloutte

:)

 Ajouter un commentaire

Nos sponsors


Sondage...

Comparez les prix


Sony Ericsson XPERIA X10 (1 Go)
Entre 649€ et 649€

Visiter le guide achat

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

Photo Waterfall in Kauai Hawaii With RainbowPhoto Water in the Beginning of the Grand Canyon
Photo Houseboat tour through the backwaters of Kerala, India 

Visiter la photothèque

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,468 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)