Gestion du temps

Une horloge calendrier

Le calque fond ne contient qu’un cadre texte destiné à recevoir le titre de la page.

var now = new Date() 
alert(now) 

La méthode alert provoque l’affichage d’une fenêtre indiquant le jour, la date et l’heure.

Notez que ces renseignements correspondent à l’affichage de l’heure et de la date de votre ordinateur.

Affichage de l’heure et la date de votre appareil

En réalité, en écrivant var now = new Date(), vous avez construit l’objet Date() qui affiche par la méthode alert() la date et l’heure de votre ordinateur. Mais toutes ces données sont en un seul bloc. Pour les obtenir à la demande, vous utiliserez différentes méthodes.

Un chronomètre

Le calque fond ne contient que trois cadres texte destinés à recevoir le titre de la page, les consignes et la valeur d’une variable temps ainsi qu’un clip représentant une main tenant un chronomètre à aiguille.

Vous allez commencer par définir des écouteurs sur la main pour lancer le chronomètre. Saisissez le code :

//Ecouteurs 
this.main.addEventListener("mouseover", survolOn.bind(this)) 
this.main.addEventListener("mouseout", survolOff.bind(this)) 
this.main.addEventListener("click", chronoOnOff.bind(this)) 
this.addEventListener("tick", actualiser.bind(this))...

SetTimeout et clearTimeout

La méthode globale setTimeout() définit une minuterie qui exécute une fonction ou un morceau de code spécifié une fois la minuterie expirée.

La méthode clearTimeout() annule un délai précédemment établi en appelant setTimeout(). Si le paramètre fourni n’identifie pas une action précédemment établie, cette méthode ne fait rien.

Ce fichier est constitué de quatre calques. Le calque feu contient trois clips feu, bt1 et bt2. Le calque texte est constitué de trois cadres texte pour le titre, les consignes et l’affichage du numéro de l’étape. Vous interviendrez principalement sur le calque action.