begin process at 2012 05 28 12:44:29
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Graphique

 > CALCULATRICE HEURE

CALCULATRICE HEURE


 Information sur la source

Note :
Aucune note
Catégorie :Graphique Classé sous :calculatrice, date heure, mustapha, javascript, heure Niveau :Débutant Date de création :08/11/2011 Date de mise à jour :13/11/2011 13:02:50 Vu / téléchargé :2 741 / 182

Auteur : m22001111

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

 Description

Cliquez pour voir la capture en taille normale
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

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

 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


 Historique

08 novembre 2011 17:09:05 :
pour ajouter l_image
09 novembre 2011 12:19:57 :
ajouter le zip
13 novembre 2011 13:02:51 :
simple fotes !!!

 Sources du même auteur

Source avec Zip Source avec une capture COPIER DU TEXTE

 Sources de la même categorie

Source avec Zip JDMATH-MINI.JS : GÉNÉRATION D'EXPRESSION MATHÉMATIQUE par jdmcreator
Source avec une capture SPHERE 3D DÉFORMABLE par phm
Source avec Zip Source avec une capture EFFET DE ROTATION A 360° D'IMAGE AVEC ACCELERATION DECELERAT... par kazma
Source avec Zip Source avec une capture PETIT LOGICIEL DE DESSIN, RETOUCHE AVEC CANVAS par kazma
Source avec Zip Source avec une capture DRAG & DROP VERS UN CANVAS par kazma

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture FORMULAIRE TABLEAU par vic511
Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip ROTATION D'UNE IMAGE, ANIMATION par william voirol
Source avec Zip FRACTALES, FOUGÈRE, TRIANGLE, CARRÉ par william voirol

Commentaires et avis

Aucun commentaire pour le moment.

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Vérifier le champs "heure" d'un formulaire [ par bcsh ] Bonjour à tous !J'ai besoin d'aide, car je cherche le moyen de controler par javascript si un champ dans lequel il faut insérer une certaine heure res Heure visiteur en cookie ou autre [ par zonevirtuel ] bonjour, en fait j'ai un gros soucis ... je suis concepteur d'un jeu sur internet a traffic international, francais, canadiens, et autres viennent r& Heure de Second Life ! [ par 6brmn ] Bonjour, j'aurais voulu savoir comment réaliser une horloge en javascript sous la forme 07:50 AM basé sur l'heure de Second Life, je ne m'y connait pa Javascript : affichage par rapport à une date/heure [ par hazkaal ] Bonjour,Je voudrais, sur mon site, que certains articles s'affichent par exemple juste entre 12h et 15h... Pourriez vous m'aider en sachant que je n'a Envoi de données PHP d'après une variable Javascript [ par Centauriel ] Bonjour,Je souhaite offrir aux visiteurs de mon site commercial la possibilité de laisser un avis sur un produit accompagné d'une note de 1 à 5.J'ai d Passage de valeur de javascript en java [ par romauto750 ] Bonjour à tous, Je me pose une question que voici :Existe-t-il une solution pour passer une variable javascript à une variable java dans une page jsp. getelementbyid(" ").value ne marche pas sur firefox [ par BasicBrain ] Bonjour à tous, J'ai un petit problème sur firefox 5.0 et javascript (balises html ASP.NET)Il semble que le getElementById("blabla").value ne fonction Problème Javascript depuis installation Panda Antivirus [ par suspect_0 ] Bonjour à tous.Depuis que nous avons installé Panda Antivirus sur nos postes clients nous rencontrons des problèmes sur Javascript :Javascript poste l Help vérification d'un champ vide ou pas [ par med93100 ] Bonjour , Alors tout d'abord je tiens a dire que je suis débutant en Javascript. Je suis ici pour appelé a l'aide =); J'ai lui quelque tuto mais j'ai problème javascript - XML [ par iraho ] Bonjour, j'ai un souci avec pour faire du xml dynamique avec javascript et j'aurais besoin d'aide. En fait, j'ai code associant xml, xslt et javascrip


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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 : 2,168 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales