Цифровий годинник

March 23rd, 2009 by


« Ефект з колами   |   Квачі »


Крок 1

Отже, почнемо. Створіть 3 шаруючи і назвіть їх « background », « text » і « actions ».

Навчальні матеріали - Цифровий годинник

1) Виберіть 1 кадр в шарі « background » і намалюйте в нім рамку для годинника.

2) Виберіть 2 кадр і натисніть F5 .

3) Виберіть 1 кадр в шарі « text » і створіть в нім динамічне текстове поле.

Крок 2

Щоб створити динамічне текстове поле скористайтеся інструментом « текст », створіть текстове поле, в панелі Properties виберіть Dynamic text в спливаючому меню.

1) Виберіть 2 кадр і натисніть F5 .

2) Назвіть це поле « clock_txt » ( Instance name на панелі Properties )

3) Перейдіть в 1 кадр шаруючи « actions ». Відкрийте вікно Actions і вставте наступний код:
time=new Date(); // time object

var seconds = time.getSeconds()

var minutes = time.getMinutes()

var hours = time.getHours()

if (hours<12) {

ampm = “AM”;

}

else{

ampm = “PM”;

}

while(hours >12){

hours = hours - 12;

}

if(hours<10)

{

hours = “0″ + hours;

}

if(minutes<10)

{

minutes = “0″ + minutes;

}

if(seconds<10)

{

seconds = “0″ + seconds;

}

clock_txt.text = hours + “:” + minutes + “:” + seconds +” “+ ampm;

Крок 3

Перейдіть в 2 кадр шаруючи « actions » і зробіть його ключовим, натиснувши F6 . Додайте в нього такий екшен:
gotoAndPlay(1); Готово! Натисніть Ctrl+Enter і подивитеся результат.


Tags: , , , , , ,

Навчальні матеріали


Схожі записи