[JavaScript] Compte et Decompte

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JavaScript] Compte et Decompte

HolySpirit

Bonjour, j'ai un problème avec un mini logiciel que j'essaye de faire :

Je veux faire apparaitre sur 3 champs distinct :
- l'heure actuelle
- l'heure d'un prochain événement ( qui ici apparait tout les 84 min )
- un compte à rebours de l'arrivé de cet evenement

A prioris ca parait simple, mais quelque chose déconne, et je ne vois pas quoi.

Je copie mon code ici, si quelqu'un pouvais m'aider ca serais sympa

Code :

<html><head>
<title>Gain SXP</title>
<script type="text/javascript">
var temps = new Date;
var heure = temps.getHours();
var minute = temps.getMinutes();
var seconde = temps.getSeconds();
var heuregain = 10 ;
var minutegain = 11 ;
var secondegain = 12 ;
var heurerestant = heuregain - heure ;
var minuterestant = minutegain - minute ;
var seconderestant = secondegain - seconde ;
function HeureCheck()
{ if (sec < 10)
{ sec0 = "0"; }
else
{ sec0 = ""; }
if (min < 10)
{ min0 = "0"; }
else
{ min0 = ""; }
if (heure < 10)
{ heure0 = "0"; }
else
{ heure0 = ""; }
HeureActu = heure0 + heure + ":" + min0 + min + ":" + sec0 + sec ;
document.chrono.CurrentTime.value = HeureActu ;
if ( heure >= heuregain )
{ if ( minute >= minutegain )
{ heuregain = heuregain + 1 ;
minutegain = minutegain + 24 } }
if ( minutegain >= 60 )
{ minutegain = minutegain - 60 ;
heuregain = heuregain + 1 }
if ( heuregain >= 24 )
{ heuregain = heuregain - 24 }
TempsGain = heuregain + ":" + minutegain + ":" + secondegain ;
document.chrono.GainTime.value = TempsGain ;
if ( minuterestant < 0 )
{ minuterestant = minuterestant + 60 ;
heurerestant = heurerestant - 1 } }
TempsGain = heuregain + ":" + minutegain + ":" + secondegain ;
document.chrono.GainTime.value = TempsGain ;
</script>
</head>
<body onLoad="HeureCheck();">
<form name="chrono">
<input type="text" name="CurrentTime" size=5 readonly="1"> Heure actuelle <br /><br />
<input type="text" name="GainTime" size=5 readonly="1"> Heure du prochain gain <br /><br />
<input type="text" name="GainTimeLeft" size=5 readonly="1"> Temps restant
</form>
</body>
</html>

Message édité par HolySpirit le 16-06-2006 à 01:40:56

Publicité

anordem

Salut!

Il y a plusieurs problèmes dans ton script:

- Tu déclares la variable "min" et "sec" mais tu utilises "minute" et "seconde"
- Le "Have OK" n'a rien à faire là : { sec0 = "0"; }have Ok
- Il manque un paquet de ";"

Il est préférable de ne pas utiliser des noms de fonction comme nom de variable (comme min ou time)

Et si tu veux une solution à ton problème, il faudrait déjà que tu l'exposes!
Parce que : <<A prioris ca parait simple, mais quelque chose déconne, et je ne vois pas quoi.>>
Ben moi non plus!

Sinon, tu n'affectes nulle part la valeur du champ "GainTimeLeft" et si tu veux un compte à rebours, il faudrait appeler la fonction à intervalle régulier...

HolySpirit

Alors, j'ai édité le code en corrigeant les erreurs que tu m'as indiqué.

Par contre, je ne vois pas où il manque des ";" ?
J'en ai mis après chaque instructions, sauf la dernière du programme, et a priori je n'ai pas besoin d'en mettre après une boucle if, si ?

J'ai rajouté l'affection de "GainTimeLeft" (j'avais oublié de la remettre après l'avoir retiré un moment)

Et désolé si je n'ai pas été assez précis lors de mon 1er post !
En fait, je n'arrive pas a affecter les valeurs aux inputs du formulaire. Ceux-ci restent désespérément vide, et je ne sais pas pourquoi =/

gatsu35

Blablaté par Harko

tu utiliserai l'objet date tu t'emmerderai largement moins, en plus ton script ne gère absolument pas les jours et donc c'est foireux
Et pourquoi s'emmerder comme tu le fais alors qu'avec date ça marche comme sur des roulettes : (codé en 1h) (ouais je sais c'est beaucoup mais j'étais tombé sur une erreur de débutant)

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script>
var eventTime = initDate(2006,6,25,16,40,35);
/*initialise une nouvelle date*/
function initDate(annee, mois, jour, heure, secondes, minutes) {
var newDate = new Date();
newDate.setYear(annee);
newDate.setMonth(mois);
newDate.setDate(jour);
newDate.setHours(heure);
newDate.setSeconds(secondes);
newDate.setMinutes(minutes);
return newDate;
}
/*ecrit une date dans un elt*/
function writeTime(eltId, time, allhours) {
var elt = document.getElementById(eltId);
if (allhours) {
var h=time.getDate()*24+time.getHours();
} else {
var h=time.getHours();
}
var m=time.getMinutes();
var s=time.getSeconds();
elt.value = ((h<10) ? "0"+h : h) + ":" + ((m<10) ? "0"+m : m) + ":" + ((s<10) ? "0"+s : s);
}
/*Fonction qui s'occupe de gerer le decompte*/
function updateTime() {
var time = new Date();
var restTime = new Date(eventTime-time);
restTime.setSeconds(restTime.getSeconds()+Math.round(restTime.getMilliseconds()/1000)); //on arrondis les secondes afin de ne pas avoir de decalage de temps.
writeTime("actualTime",time);
writeTime("restTime",restTime,true);
writeTime("eventTime",eventTime);
setTimeout("updateTime()",1000);
}
window.onload=updateTime;
</script>
</head>
<body>
<label>Heure Actuelle : </label><input type="text" id="actualTime"><br>
<label>Temps restant : </label><input type="text" id="restTime"><br>
<label>Prochain évènement : </label><input type="text" id="eventTime"><br>
</body>
</html>

Message édité par gatsu35 le 16-06-2006 à 09:36:48

HolySpirit

Je m'attendais plus à une correction de mon script qu'un script tout fait

En tout cas merci, par contre, je ne comprends pas quel est l'interêt d'utiliser le window.onload=updateTime; plutot que le <body onLoad=".....">

et pourquoi il faut mettre :

Code :

window.onload=updateTime;

et non :

Code :

window.onload=updateTime();

gatsu35

Blablaté par Harko

c'est au choix, soit tu appelles la fonction dans le body onload soit en modifiant le window.onload (ce qui est plus propre).

Quand tu me mets pas de guillemets, tu passes entièrement l'objet updateTime dans le window.onload. c'est comme si tu faisais un copier-coller du contenu de updateTime dans window.onload.
Si tu mets des parenthèse ça ne représente rien du tout et ça ne lancera pas la fonction.

HolySpirit

D'accord merci pour les réponses ( par contre ton script semble déconner au niveau des heures. Si je met un evenement à venir dans la minute, j'ai un compte à rebours de plus de 700heures ^^

gatsu35

Blablaté par Harko

ouais jvais corriger ça de retour chez moi.

C'est parce que lors de la soustraction je récupere un objet Date, et ça le fait pas du tout

FORUM HardWare.fr

Programmation

HTML/CSS

[JavaScript] Compte et Decompte

Sujets relatifs
pb recup tableau php en javascript	[Javascript / DOM (?)] Renommer un element de formulaire
[RESOLU] liaison javascript / PHP	[javascript] Interpreter les balises html
[JAVASCRIPT] Un pied de page qui ne marche pas...	Liens et javascript
[JavaScript] Rechercher dans une boite a liste	Un compte à rebours avec ouverture sur un lien
[Javascript] Créer un evenement "ondblclick" dans un SELECT	[JavaScript] Récupérer une variable serveur
Plus de sujets relatifs à : [JavaScript] Compte et Decompte

Page générée en 0.082 secondes