
Pasul 1:
Pentru inceput vom deschide un document nou in care vom afisa data si ora.
Pasul 2:
Vom face o grafica pentru afisarea informatiilor. Eu unul am pus logo-ul sus, dupa care am creat doua casete text cu ajutorul uneltei Text Tool. Din panoul Properties al fiecarui camp text setam numele de instanta ora_ws respectiv data_ws.

Vom seta la fel si pentru celalalt camp text.
Pasul 3:
Dam click dreapta pe primul cadru din Timeline si alegem Action dupa care in fereastra deschisa vom introduce codul de mai jos:
// Creaza Array cu zilele saptamanii si lunile anului in romana
var ar_zile:Array = new Array("Duminica", "Luni", "Marti", "Miercuri", "Joi", "Vineri", "Sambata");
var ar_luni:Array = new Array("Ianuarie", "Februarie", "Martie", "Aprilie", "Mai", "Iunie", "Iulie", "August", "Septembrie", "Octombrie", "Noiembrie", "Decemberie");
// Functia care defineste si afiseaza datele
function ceas():void {
// Creare instanta obiect Date (unde sunt stocate data si ora)
var acum:Date = new Date();
// Definire variabile pt. preluarea datelor necesare din "acum"
var anul:int = acum.getFullYear(); // Obtine Anul
var luna:int = acum.getMonth(); // Nr. luna din an
var zi_luna:* =acum.getDate(); // Nr. zi din luna
var zi_sap:int = acum.getDay(); // Nr. zi din saptamana
var ora:int = acum.getHours(); // Preia ora
var minute:* = acum.getMinutes(); // Minutele
var secunde:* = acum.getSeconds(); // Secundele
// Ajustare format pt. valori mai mici decat 10 (sa fie afisate cu 2 caractere
if(zi_luna<10) zi_luna = '0'+ zi_luna; // Adauga 0 pt. nr. zi_luna<10
if(minute<10) minute = '0'+ minute; // Adauga 0 pt. minute<10
if(secunde<10) secunde = '0'+ secunde; // Adauga 0 pt. secunde<10
// Definire text care va fi afisat in campul-text "data_ws" (cu data zilei)
data_ws.text = ar_zile[zi_sap]+ ', '+ zi_luna+ ' '+ ar_luni[luna]+ ' '+ anul;
// Definire text care va fi afisat in campul-text "ora_ws" (cu ora curenta)
ora_ws.text = 'Ora: '+ ora+ ':'+ minute+ ':'+ secunde;
}
ceas(); // Apeleaza functia pt. afisare date in ceas
// Apeleaza functia "ceas()" la fiecare secunda (1000 milisecunde)
setInterval(ceas, 1000);
Pasul 4:
Apasam Ctrl+Enter pentru a testa si vedea animatia.
Mai jos puteti vedea animatia:
Puteti descarca fisierul websource_ceas_data.fla dand click AICI.
Acorda o nota
Adauga la favorite
Adauga comentariu