Chronométre en javascript

Soyez le premier à donner votre avis sur cette source.

Snippet vu 16 391 fois - Téléchargée 18 fois

Contenu du snippet

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

Source / Exemple :


<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>

A voir également

Ajouter un commentaire

Commentaires

Bernie69bis
Messages postés
5
Date d'inscription
dimanche 30 novembre 2008
Statut
Membre
Dernière intervention
6 décembre 2008
-
10/10 cest fais comme vous dites
Bernie69bis
Messages postés
5
Date d'inscription
dimanche 30 novembre 2008
Statut
Membre
Dernière intervention
6 décembre 2008
-
C'est très bien, c'est formidable. Je note 10/10 et me désinscrit immédiatement.
Salut et à jamais.
Bul3
Messages postés
4933
Date d'inscription
samedi 1 juillet 2006
Statut
Membre
Dernière intervention
2 février 2015
7 -
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.
@+
Bernie69bis
Messages postés
5
Date d'inscription
dimanche 30 novembre 2008
Statut
Membre
Dernière intervention
6 décembre 2008
-
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.
PetoleTeam
Messages postés
3426
Date d'inscription
lundi 26 décembre 2005
Statut
Membre
Dernière intervention
14 janvier 2011
11 -
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)

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.