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

Ce site au démarrage

begin process at 2012 05 28 12:58:05

Accueil Codes Tutoriels Forum Livres Emploi Services Connexion

Trouver un code source :

dans

[ Dernières recherches ]

Accueil >

CHRONOMÉTRE EN JAVASCRIPT

Information sur la source

Note :

10,00 / 10

Catégorie :Divers Classé sous :setInterval, javascript, array, methode, parseInt Niveau :Débutant Date de création :19/12/2007 Date de mise à jour :19/12/2007 15:04:34 Vu :8 531

Auteur : simo5963

Ecrire un message privé

Commentaire sur cette source (6)

Ajouter un commentaire et/ou une note

Description

c'est un code d'un chronométre en JavaScript,ce code peut exploité
dans des site html.

Source

<html><head>
<title>Chrono</title>
<script language="Javascript">
var One=true;
var Int;
function Chrono(){
var MSec=parseInt(Ext(GetEle(document.forms[0].Text_1.value,3)));
var Sec=parseInt(Ext(GetEle(document.forms[0].Text_1.value,2)));
var Min=parseInt(Ext(GetEle(document.forms[0].Text_1.value,1)));
var He=parseInt(Ext(GetEle(document.forms[0].Text_1.value,0)));
if(MSec<100){
MSec++;
}
else{
Sec++;MSec=0;
if(Sec>60){
Min++;Sec=0;
if(Min>60){
He++;Min=0;
}
}
}
document.forms[0].Text_1.value=Trans(He)+":"+Trans(Min)+":"+Trans(Sec)+":"+Trans(MSec);
}
function GetEle(s,i){
var Ele=new Array();
var s_=s+":";
var j;
var m=0;
var s__="";
for (j=0;j<s_.length;j++){
if(s_.charAt(j)!=":"){
s__=s__+s_.charAt(j);
}else{
Ele[m]=s__;
s__="";m++;
}
}
return Ele[i];
}
function Trans(i){
if(i<10){
return "0"+i;
}else{
return i;
} //setInterval("Chrono()",10)
}
function Ext(s){
var s_=parseInt(s.substring(1,s.length));
if(parseInt(s)<10){
return parseInt(s_);
}else{
return s;
}
}
function SetInt(){
if(One){
Int=setInterval("Chrono()",10);
One=false;
}else{
clearInterval(Int);
One=true;
}
}
function Init(){
document.forms[0].Text_1.value="00:00:00:00";
}
</script>
</head>
<body >
<fieldset><legend>Chronométre</legend>
<form>
<input type=button value=Démarrer Onclick="SetInt()">    <input type=text name=Text_1 value=00:00:00:00>    
<input type=button value=Arreter........ Onclick="SetInt()">        
<input type=button value=Initialiser Onclick=Init()>
</form>
</fieldset>
</body>
</html>

<html><head>
<title>Chrono</title><!--Crée par Seddiki Mohammed-->
<script language="Javascript">
var One=true;
var Int;
function Chrono(){
    var MSec=parseInt(Ext(GetEle(document.forms[0].Text_1.value,3)));
    var Sec=parseInt(Ext(GetEle(document.forms[0].Text_1.value,2)));
	var Min=parseInt(Ext(GetEle(document.forms[0].Text_1.value,1)));
	var He=parseInt(Ext(GetEle(document.forms[0].Text_1.value,0)));
	if(MSec<100){
	  MSec++;
	  }
	  else{
	      Sec++;MSec=0;
		  if(Sec>60){
	        Min++;Sec=0;
	          if(Min>60){
                 He++;Min=0;
				 }			  
		   }
		  }
		 
	 document.forms[0].Text_1.value=Trans(He)+":"+Trans(Min)+":"+Trans(Sec)+":"+Trans(MSec);
	
  }

  function GetEle(s,i){
    var Ele=new Array();
	var s_=s+":";
	var j;
	var m=0;
	var s__="";
	for (j=0;j<s_.length;j++){
	if(s_.charAt(j)!=":"){
	    s__=s__+s_.charAt(j);
		}else{
		  Ele[m]=s__;
		  s__="";m++;
		  }
	 }
		  return Ele[i];
	}
	function Trans(i){
	 if(i<10){
	   return "0"+i;
	   }else{
          return i;
		  }	   //setInterval("Chrono()",10)
	}
	function Ext(s){
	var s_=parseInt(s.substring(1,s.length));
	if(parseInt(s)<10){
	   return parseInt(s_);
	   }else{
	     return s;
		 }
	}
	function SetInt(){
	 if(One){
	     Int=setInterval("Chrono()",10);
	   One=false;
	   }else{
	     clearInterval(Int);
		 One=true;
		}
	 }
	 function Init(){
	  document.forms[0].Text_1.value="00:00:00:00";
	  }
</script>
</head>
<body >
<fieldset><legend>Chronométre</legend>
<form>
  <input type=button value=Démarrer Onclick="SetInt()"> &nbsp;&nbsp;&nbsp;<input type=text name=Text_1 value=00:00:00:00> &nbsp;&nbsp;&nbsp;
  <input type=button value=Arreter........ Onclick="SetInt()"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  <input type=button value=Initialiser Onclick=Init()>
</form>
</fieldset>
</body>
</html>

Historique

19 décembre 2007 15:04:34 :: chengement de categorie

Sources de la même categorie

SLIDESHOW IMAGES ET TEXTES EN PUR JAVASCRIPT par ansuzpeorth

INPUT TEXT AUTOMATIQUE CREATION SUPPRESSION par lycanges

TABLE_SV : TABLEAU DYNAMIQUE, MONTRER/CACHER COLONNE SUR DEM... par synanceia

COLONNES ADAPTABLES EN HAUTEUR par dronoide

VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol

Toutes les sources de la catégorie Divers

Sources en rapport avec celle ci

FORMULAIRE TABLEAU par vic511

SELECTS DÉPENDANTS PRÉ-CHARGÉS D'UNE SEULE OPTION par phm

SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp

PSEUDO CLASS JAVASCRIPT PERMET LE STORAGE(HTML5) D'UN TABLEA... par Magelo

DIVERSES FONCTIONS SIMPLES POUR LES TABLEAUX par Gorrk

Commentaires et avis

Commentaire de bultez le 19/12/2007 14:55:36

ça peut servir...

mais : se baser sur un setInterval ou un setTimeout
pour une horloge, un chronomètre... est très très... relatif :
rien n'est plus imprécis ( dépend déjà de ce qui tourne "autour",
contrôle sur une longue période ! )

il faudrait, au minimum, utiliser
date/heure actuelle - date/heure de lancement

Cordialement.

Commentaire de PetoleTeam le 19/12/2007 19:40:14

Bonjour,

Même commentaire que The Bultez concernant l'utilisation uniquement de setInterval ou Timeout.

J'ajoutes toutefois que si tu cliques 2 fois sur la bouton Démarrer le chrono s'arrête, idem pour le bouton arrêter, si je commence par lui ça démarre...
Il est préférable, outre la remarque précédente, de gérer cela avec 2 fonctions une Start et une Stop, l'inversion du flag mettant tout en l'air.

;O)

Commentaire de Bernie69bis le 08/12/2008 13:14:51

Bonjour.
En plus, le chronomètre va jusqu'à 60 au lieu de 59 !
Au bout de quelques minutes, il a déjà plusieurs secondes de retard !
Nul !
A supprimer.

Commentaire de Bul3 le 08/12/2008 13:53:33

dire que c'est nul : c'est nul !
ça ne sert ni à rien ni à personne,
propose plutôt des améliorations
comme les 1ers intervenants !
ou même... fais mieux.
@+

Commentaire de Bernie69bis le 08/12/2008 14:46:58

C'est très bien, c'est formidable. Je note 10/10 et me désinscrit immédiatement.
Salut et à jamais.

Commentaire de Bernie69bis le 08/12/2008 14:53:41 10/10

10/10 cest fais comme vous dites

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Bug avec array::length [ par Checker_Bobby ] Bonjour, je savais pas trop ou mettre la remarque suivante... J'ai constater un truc "bizarre" avec JavaScript qui m'a bien tordu l'esprit avant que j JavaScript parseInt() problème débutant [ par Fo0Zie ] Bonjour à tous !Voilà mon problème : Je veux que l'utilisateur entre un nombre entre 1 et 100. Et que par la suite une fenêtre apparaît le nombre de f La porté d'un array en javascript [ par maxxcbenny ] Bonjour,Comment faire pour passer un tableau de type array dans une fonction en javascript ?Parce que voici ce que j'ai codé :<script language="Jav créer un lien depuis un array javascript [ par amoric69 ] Bonjour, Pouvez-vous me dire comment fait-on un lien html depuis un array JS ? dans un js, j'ai : flippingBook.contents = [ [ "Couverture", comment retrouver une clé dans un tableau (array) [ par themagician67 ] Bonjour, Débutant en javascript, je recherche une solution à mon problème. En php, il existe la fonction array_key_exists() mais je ne trouve pas l'é Fenêtre Javascript pour afficher un message après un Click sur un lien [ par midoxe ] Bonjour les amis... quand je remplie les champs d'un formulaire et je Click sur envoyer j'ai effectuer un test pour que si l'utilisateur à oublie un javascript tester si une balise est un textarea ou un input [ par themagician67 ] Bonjour, Je cherche à faire un test sur une balise. Je veux savoir si l'élément en cours est un textarea ou un input. Quand je fais un [color=blue]al Developpement Web CSS-Javascript [ par jeanMOULIN54 ] Bonjour à tous, étant nouveau dans le développement Javascript je cherche à mettre en place une page web avec différent document PDF à télécharger et créer un slidebar en javascript pour une redirection [ par ludojd ] Bonjour,ma question est précise: En sachant que je débute et qu'il faut tout m'expliquer, comment créer un slidebar (horizontal comme le lockscreen de acceder a une bade SQLite depuis une page web via javascript. [ par fbsandman ] Bonjour à tous, Je débute en programmation html/javascript et donc, fatalement, je me retrouve un peu bloqué. En fait ce que je voudrais faire c'est c

Nos sponsors

Derniers Blogs

IMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg

KINECT 1.5 IS OUT ! par Vko

LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc

REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc

SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg

Forum

MULTI SLIDER UNE SEUL PAGE par karouani

RE : CODE POUR FAIRE APPARAîTRE UN TEXTE EN DESSOUS D'UN LIEN par emuleed2k

RE : RéCUPERATION D'UNE VARIABLE DE JAVASCRIPT VIA PHP par smahaneAAI

POPUP OUVERT à PARTIR D'UN IFRAME par mrassaa

UTILISER UN .JS par zaikoe

Côté IT

Offres d'emploi

Formations Video

Appels d'offres

Recheche Web Master pour MAJ de plateformes Musical
Budget : 500€
Realisation d-une version 2 d-un site e-commerce existant sous prestashop-REPUBLICATION
Budget : 5 000€
Recherche Infogerance Serveur Debian Linux
Budget : 1 800€

Logiciels

sDEVIS-FACTURES vlPRO (8.1.0.3)
SDEVIS-FACTURES VLPRO (8.1.0.3)

sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa...

Cliquez pour télécharger sDEVIS-FACTURES vlPRO
974 Application Server (12.2.4.6)
974 APPLICATION SERVER (12.2.4.6)

Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc...

Cliquez pour télécharger 974 Application Server
vPicture (1.4.2.1)
VPICTURE (1.4.2.1)

Avec vPicture, hébergez vos images facilement et rapidement. vPicture est un utilitaire simple, ...

Cliquez pour télécharger vPicture
Easy-Planning (2.2.1.6)
EASY-PLANNING (2.2.1.6)

Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au...

Cliquez pour télécharger Easy-Planning
COM-BACKUP (2.0)
COM-BACKUP (2.0)

COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...

Cliquez pour télécharger COM-BACKUP