Kommunauty
Connexion
Inscription

La Date en Flash

le 28 aout 2009 • Flash • par Dawlin

Hi ! Finalement j'ai pas pu faire mes trois tutos du matin, mais vu que je comptais en faire 2 cet aprèm, je vais en faire 3 à la place ! ça compense.

Donc, là c'est juste pour vous apprendre à vous servir de la date, afficher tous les petits trucs sympas de flash.

Donc on utilise une variable de type date, que l'on crée comme ceci :

var dateate = new Date();

Note : je l'appelle "date" ma variable parce que c'est plus simple à comprendre pour moi ais je peux l'appeller carotte c'est pareil.

Et là, on va utiliser le nom de la variable, plus un point . et marquer le nom de la propiété en anglais qu'on veut. et là c'est chouette parce que quand vous tapez "date." et bien flash vous propose une liste !

Et ainsi vous voyez qu'il y a globalement deux choses :

ceux qui commencent par GET et ceux qui commencent par SET.

Ainsi GET veut dire "lire" et SET "écrire" (en l'occurrence, hein ?)

Donc vous pouvez dores et déjà vous faire une liste de variables à réutiliser plus tard :


var dateate = new Date();
//déclaration des v
mois = date.getMonth();
annee = date.getFullYear();
njour = date.getDay();
jour = date.getDate();
njour = date.getDay();

//heure
h = date.getHours();
m = date.getMinutes();
s = date.getSeconds();

Et après, les incorporer dans un champ de texte :


texte.text= "Nous sommes "+jour+" / "+mois+" / "+annee+" et il est "+h+"h"+m+":"+s+"";

Mais ... ça ne s'actualise pas automatiquement ! C'est quoi c't'arnaque ? Flash c'est pas sensé s'actualiser ?

Ben non. Désolé. Une fois qu'une variable est définie, elle est définie. Et à moins de la re-définir dans le temps...

Mais on sait faire ça ! On connaît quelque chose qui agit dans le temps !!

une boucle onEnterFrame !!


this.onEnterFrame = function(){
var dateate = new Date();
//déclaration des v
mois = date.getMonth();
annee = date.getFullYear();
njour = date.getDay();
jour = date.getDate();
njour = date.getDay();

//heure
h = date.getHours();
m = date.getMinutes();
s = date.getSeconds();

//incorpore dans le champ d'occurrence "texte"
texte.text= "Nous sommes "+jour+" / "+mois+" / "+annee+" et il est "+h+"h"+m+":"+s+"";
}

Et ainsi ça va s'actualiser ! (du coup pas la peine de mettre 24 images par secondes, pour la cadence, une ou deux suffisent ;-) )

Bon maintenant, je veux le nom (et pas le numéro) du jour...

pour dire "Jeudi 3/Septembre"

Donc on va utiliser la fonction "getDay" (qui est déjà stockée dans une variable njour, comme nom du jour). Sachez que cette fonction vous donne les noms des jours, de 0 = dimanche à 6 = samedi.

On va donc retrouver notre Array !

Si je vais une array avec le nom des jours, ordonnés dans le même ordre que la fonction getDay, et que j'affiche l'enregistrement qui correspond au numéro du jour, ça peut marcher, nan ?


strJours = "Dimanche,Lundi,Mardi,Mercredi,Jeudi,Vendredi,Samedi";
var arrJours:Array = strJours.split(",");

Donc si je mets arrJours[4] ça correspond à Jeudi ! et si je mets


nomDuJour = arrJours[date.getDay()];

c'est trop cool !

Et je peux mettre à jour mon texte qui m'affichera :

texte.text= "Nous sommes le "+arrJours[njour]+" "+jour+" / "+mois+" / "+annee+" et il est "+h+"h"+m+":"+s+"";

Et le résultat en image :

C'est cool, nan ?

Vous en voulez plus ? Et bien on va s'attaquer au SET ! Voyez-vous, si j'ai besoin de faire un calendrier, comme celui-ci :

J'ai besoin de savoir quel jour on serait si on étais le 20, par exemple. Pour savoir dans quel colonne de jour je placerai le 20.

Donc j'utilise setDate pour faire croire à flash qu'on est le 20, et pour qu'il me dise quel jour on sera :


var dateate = new Date();

date.setDate(20);
njour = date.getDay();

strJours = "Dimanche,Lundi,Mardi,Mercredi,Jeudi,Vendredi,Samedi";
var arrJours:Array = strJours.split(",");

trace("Le 20 Aout 2009 on était un "+arrJours[njour]);

Et ainsi, je peux même vous dire que le jour de naissance du pape benoît XVI c'était un "Samedi" puisqu'il est né le 16 avril 1927 et que comme ça je peux rentrer cette date dans flash.

var dateate = new Date();

date.setDate(16);
date.setMonth(3);
date.setFullYear(1927);
njour = date.getDay();

strJours = "Dimanche,Lundi,Mardi,Mercredi,Jeudi,Vendredi,Samedi";
var arrJours:Array = strJours.split(",");

trace("Benoît XVI est né un "+arrJours[njour]);

Note : ça marche aussi dans le futur !

Et bien sûr amusez-vous, il y a plein d'autres commandes sympa à utiliser.

Et voilà les sources :

En une phrase

En un calendrier

Voilà, merci d'avoir suivi ce tutoriel qui s'inscrit dans la suite de tutoriels flash,

Dawlin

  
3 commentaires

Merci encore pour tes supers tutos Mais c'est normal le "date..PNG" qui traine en haut du tuto?

le 28 aout 2009

C'était une image, c'est réglé !

le 28 aout 2009

C'est bien ce que je pensais OK alors c'est bien!

le 28 aout 2009



Ajoute un commentaire !

Ajouter une image... Trouvée sur internet » De mon PC »
Adresse URL :
Adresse de la page de la vidéo :
Taille du texte :
Couleur du texte :

Article lu 5227 fois.