Pas encore membre ? Enregistrez-vous ! | Identifiants égarés ?
Fermer

Compte à rebours

  • Introduction
  • Informations
Compte à rebours Nous allons ici apprendre à réaliser un compte à rebours avec Flash et un peu d'ActionScript.
Cela peut-être utile pour annoncer l'ouverture d'un site, indiquer la fin d'une loterie, indiquer la fin d'une enchère, etc...  
Netger
  • Auteur : Netger
  • Publication : 5 août 2006 16:20
  • Consultations : 18145
 

1. Nouveau document

Compte à rebours image 1 Commençons créer un nouveau document flash possédant les propriétés suivantes :
  • dimensions : 300 x 75 pixels (j'ai choisie les dimensions au hasard)
  • couleur d'arrière-plan : blanc (ou une autre couleur).
  • cadence : 12 images par secondes
  • unité de la règle : pixels

2. Créer un champ de texte dynamique

Compte à rebours image 2 Commencez par placer un champ de texte dynamique sur votre scène et donnez lui comme nom de variable "affichage".

3. Insérer le code AS sur la frame

Compte à rebours image 3 Positionnez-vous sur la première frame et entrez le code AS suivant :
Code-source actionscript
  1. dateActuelle = new Date();
  2. dateFin = new Date(2010, 0, 1, 0, 0, 0); // 1er janvier 2010 à minuit
  3.  
  4. jours = (dateFin - dateActuelle) / 1000 / 60 / 60 / 24;
  5. jours = Math.floor(jours);
  6.  
  7. heures = (dateFin - dateActuelle) / 1000 / 60 / 60 - 24 * jours;
  8. heures = Math.floor(heures);
  9.  
  10. minutes = (dateFin - dateActuelle) / 1000 / 60 - 1440 * jours - 60 * heures;
  11. minutes = Math.floor(minutes);
  12.  
  13. secondes = (dateFin - dateActuelle) / 1000 - 86400 * jours - 3600 * heures - 60 * minutes;
  14. secondes = Math.floor(secondes);
  15.  
  16. if (jours <= 1){ j = " jour "; }
  17. else { j = " jours "; }
  18. if (seconds == 60) { seconds = 0; }
  19. if (minutes == 60) { minutes = 0; }
  20.  
  21. if (secondes <= 9) { secondes = "0" + secondes; }
  22. if (minutes <= 9) { minutes = "0" + minutes; }
  23. if (jours <= -1) { affichage = "Le décompte est terminé !!"; }
  24. else { affichage = "il reste " + jours + j + heures + "h : " + minutes + "m : " + secondes + "s"; }
 

4. Insérer une nouvelle image-clé

Compte à rebours image 4 Il ne vous reste plus maintenant qu'à insérer une image-clé à la frame 2.

5. Contrôler l'animation

Le conseil suivant vous sera utile dans tout vos travaux sous Flash : vous pouvez à tout moment tester votre animation directement dans Flash.
Cliquez sur "Contrôle" puis "tester l'animation".
Compte à rebours image 5  
  • Rédiger un commentaire
  • Afficher les commentaires (0)
Vous devez être identifié pour poster un commentaire
Aucun commentaire