Calculatrice heure

0/5 (2 avis)

Vue 13 885 fois - Téléchargée 675 fois

Description

c'est un script en javascript pour afficher l'heure qui s'actualise chaque seconde
est aussi une simple calculatrice en utilisant des images
((pour les debutands))

Source / Exemple :


//le code pour la calculatrice
<html><head><title>CALCULATRICE</title>
<script language = "javascript">
limite = 9999999;
resultat="";
memoire="";
function saisir(valeur){
	if(resultat < limite){
	resultat = resultat + valeur;
	afficher();}
	else
	alert("erreur : vous avez depacer la limite des nbrs a saisir !!");	
}
function afficher(){
	nbr = new Array("images_cal\\c0.gif","images_cal\\c1.gif","images_cal\\c2.gif","images_cal\\c3.gif","images_cal\\c4.gif","images_cal\\c5.gif","images_cal\\c6.gif","images_cal\\c7.gif","images_cal\\c8.gif","images_cal\\c9.gif");
	initialiser();
	for(i=1;i<resultat.length+1;i++){
	m=eval("document.i"+i);
	m.src = nbr[resultat.charAt(resultat.length-i)];}	
}
function memoriser(){
	memoire = resultat;
	resultat = "";
	}
function calculer(){
	resultat = memoire * resultat;
	saisir("");
	document.statue = resultat;
}
function initialiser(){
	document.i1.src="images_cal\\cv.gif";
	document.i2.src="images_cal\\cv.gif";
	document.i3.src="images_cal\\cv.gif";
	document.i4.src="images_cal\\cv.gif";
	document.i5.src="images_cal\\cv.gif";
	document.i6.src="images_cal\\cv.gif";
	document.i7.src="images_cal\\cv.gif";
}
function initialiser_tous(){
	initialiser();
	resultat = "";
	memoire = "";
}
</script>
</head>
<body bgcolor = "black">
<form>
<input type="button" value="Initialiser" onclick="initialiser_tous();">
<input type="button" value="Fermer" onclick="self.close()">
</form>
<img src = "images_cal\cv.gif" name="i7"/>
<img src = "images_cal\cv.gif" name="i6"/>
<img src = "images_cal\cv.gif" name="i5"/>
<img src = "images_cal\cv.gif" name="i4"/>
<img src = "images_cal\cv.gif" name="i3"/>
<img src = "images_cal\cv.gif" name="i2"/>
<img src = "images_cal\cv.gif" name="i1"/>
<br>
<img src = "images_cal\b7.gif" name = 'b7' value = '7' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b8.gif" name = 'b8' value = '8' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b9.gif" name = 'b9' value = '9' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<br>
<img src = "images_cal\b4.gif" name = 'b4' value = '4' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b5.gif" name = 'b5' value = '5' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b6.gif" name = 'b6' value = '6' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<br>
<img src = "images_cal\b1.gif" name = 'b1' value = '1' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b2.gif" name = 'b2' value = '2' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\b3.gif" name = 'b3' value = '3' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<br>
<img src = "images_cal\b0.gif" name = 'b0' value = '0' onclick="saisir(this.value);" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\bc.gif" name = 'bc' onclick="memoriser();" onmouseover="this.border = 2" onmouseout="this.border =0"/>
<img src = "images_cal\bo.gif" name = 'bo' onclick="calculer();" onmouseover="this.border = 2" onmouseout="this.border =0"/>
</body>
</html>

//le code pour l'heure <html> <head><title>TIME</title> <script language = "javascript"> nbr = new Array("image_dte\\0.jpg","image_dte\\1.jpg","image_dte\\2.jpg","image_dte\\3.jpg","image_dte\\4.jpg","image_dte\\5.jpg","image_dte\\6.jpg","image_dte\\7.jpg","image_dte\\8.jpg","image_dte\\9.jpg"); //la fonction qui affiche le temps. function temps(){ dte = new Date(); sec = dte.getSeconds(); min = dte.getMinutes(); her = dte.getHours(); if(sec<10) sec = "0"+sec; if(min<10) min = "0"+min; if(her<10) her = "0"+her; temp = "" + her + min + sec; document.Heure1.src = nbr[temp.charAt(0)]; document.Heure2.src = nbr[temp.charAt(1)]; document.Minute1.src = nbr[temp.charAt(2)]; document.Minute2.src = nbr[temp.charAt(3)]; document.Seconde1.src = nbr[temp.charAt(4)]; document.Seconde2.src = nbr[temp.charAt(5)]; setTimeout("temps()",1000) } </script> </head> <body onload = "temps();"> <IMG SRC="image_dte\\0.jpg" NAME="Heure1"> <IMG SRC="image_dte\\0.jpg" NAME="Heure2"> <IMG SRC="image_dte\\pts.jpg"> <IMG SRC="image_dte\\0.jpg" NAME="Minute1"> <IMG SRC="image_dte\\0.jpg" NAME="Minute2"> <IMG SRC="image_dte\\pts.jpg"> <IMG SRC="image_dte\\0.jpg" NAME="Seconde1"> <IMG SRC="image_dte\\0.jpg" NAME="Seconde2"> <form> <center><input type="button" value="Fermer" onclick="self.close()"></center> </form> </body> </html>

Conclusion :


un petit script pour afficher l'heure qui s'actualise avec une calculatrice

Codes Sources

A voir également

Ajouter un commentaire Commentaires
m22001111 Messages postés 9 Date d'inscription jeudi 27 janvier 2011 Statut Membre Dernière intervention 15 juillet 2012
15 juil. 2012 à 00:48
c'est mon blog personnel
http://developperr.blogspot.com/
m22001111 Messages postés 9 Date d'inscription jeudi 27 janvier 2011 Statut Membre Dernière intervention 15 juillet 2012
15 juil. 2012 à 00:47
c'est mon blog personnel
http://developperr.blogspot.com/

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.