HOME PAGE > TUTORIALS > Flash > Afficher la date, l’heure et faire tourner les aiguilles d’une (...)

Tutorial Flash - niveau intermédiaire

Afficher la date, l’heure et faire tourner les aiguilles d’une HORLOGE

- etape 1 : Les variables

Création des champs textes dynamiques et attribution des noms de variables
- datetextfield contiendra la chaine de caractere déterminant la date
- heureflash, minuteflash et secondeflash contiendront les h, m et s. ces 3 variables seront utilisées pour calculer la rotation des aiguilles.

- Etape 2 : les clips

Il faut créer trois clips pour les aiguilles et leur donner des noms d’occurence(heure, minute et seconde) qui vont être réutilisés dans le script servant à les faire tourner.

JPEG - 27 ko

- Etape 3 : le script

Voici le script à placer sur la première frame. ils se compose de deux parties bien distinctes.

// Creation de l’objet date et en tirer les différentes valeurs à attribuer à nos variables

myDate = new Date();
dateTextField = (mydate.getMonth()+"/"+myDate.getDate()+"/"+mydate.getFullYear());
heureflash = (mydate.getHours());
minuteflash = (myDate.getMinutes());
secondeflash = (mydate.getSeconds());
RotaH = heureflash;

// cette seconde partie fait tourner les aiguilles

RotaM = Minuteflash;
RotaS = Secondeflash;
setProperty ("/Heure", _rotation, Number(RotaH)+Number((RotaM/12)));
setProperty ("/Minute", _rotation, RotaM*6);
setProperty ("/Seconde", _rotation, RotaS*6);
gotoAndPlay (1);

cliquez ci-dessous pour télécharger le FLA et le SWF

GIF - 7.3 ko

.

REAGIR A CET ARTICLE ET PARTICIPER AU FORUM