Page 1 sur 1

HORLOGE

Posté : 06 août 2015, 02:31
par gui2609
Bonjour, je suis nouveau, j'ai peu de connaissance en javascript malheureusement car je travail sur un jeu vidéo qui est une toute autre histoire,et me prends énormément de temps,j'aimerais apprendre java et je le ferais car cela m'intéresse, ceci dit j'aimerais qu'on me renseigne sur un petit problème:

voila, j'aimerais afficher une horloge en gif sur mon site.
l'animation de cette horloge comprends 12 étoiles qui scintilles (animée en gif) et j'aurais aimer que lorsque j'active cette horloge sur mon site elle dure pendant 12heures (temps réél) ! toutes les heures une étoile qui brille doit s'éteindre !
12 étoiles sur le gif 1
11 étoiles sur le gif 2
10 étoiles sur le gif 3

voila j'ai toutes les images pour chaque heure avec une étoile qui scintille, et ce que je peux mettre tout ça dans un dossier, et créer un code java qui fait que mes étoile disparaisse toutes les heures??

<html>
<head>
<meta http-equiv="refresh" content="60"/>
<title>HORLOGE.</title>
</head>
<body>
<script language=javascript type="text/javascript">
now = new Date;
var HoraGif = now.getHours();
var dirImg = "E:\\horloge\";
document.write ("<img src=\"" + dirImg + HoraGif + ".gif\">");
</script>
</body>
</html>

j'ai essayer ce code qu'on m'a donné mais cela affiche un fichier déchiré en icône.

Merci.

Re: HORLOGE

Posté : 06 août 2015, 10:16
par Megadeth
Salut,

Attention java et javascript c'est pas pareil hein ;)

Sinon tu as surement un problème de chemin.

Personnellement j'ai créé un dossier images au même niveau que ma page "horloge.html", j'ai changé l'appel var dirImg comme ceci dirImg = "images/";
Tu places tes gif dedans et le tour est joué. J'ai placé 10.gif et ça a fonctionné.

Mega
;)

Re: HORLOGE

Posté : 06 août 2015, 23:32
par gui2609
Merci pour ta réponse, tu peux me donner les codes ? un exemple? ou même un lien que je regarde un peu comment tu as fait?

mais je comprends pas comment que java réussit à faire jouer le gif n°1 pendant une heure puis le 2éme pendant une heure aussi et ainsi de suite...

Re: HORLOGE

Posté : 07 août 2015, 09:19
par Megadeth
Re,

J'ai pas changé grand chose à ton code :

Code : Tout sélectionner

<html> <head> <meta http-equiv="refresh" content="60"/> <title>HORLOGE.</title> </head> <body> <script language=javascript type="text/javascript"> now = new Date; var HoraGif = now.getHours(); alert(HoraGif); var dirImg = "img/"; document.write ("<img src=\"" + dirImg + HoraGif + ".gif\">"); </script> </body> </html>
J'ai fait une petite alert que tu peux retirer.
Au même niveau que ta page il faut créer un dossier img (qui correspond à ta variable dirImg) et tu places à l'intérieur 1.gif, 2.gif, 3.gif etc.

Je ne connais pas bien ton jeu ni le rendu final mais avec ce code il faut que ta page soit rechargée d'où le :
<meta http-equiv="refresh" content="60"/>
Page rechargée toutes les minutes (60 c'est 60 secondes)

Si tu retires ce code et que tu ne recharges pas ta page (F5) tu resteras bloqué avec l'heure de ton premier chargement de page (sauf si tu fais une iframe mais je déconseille). Sans le refresh, si j'ouvre cette page tout de suite, ça va m'afficher 9 puisqu'il est 9h23. Si tu joues 2h sans recharger ta page il sera 11h23 mais ta page affichera toujours 9h puisqu'elle ne se sera pas rechargée. Tu me suis ? Pour faire du temps réel il faut utiliser ajax, jquery etc...

Mega
;)