Тож почнемо. Створіть 3 шари і назвіть їх «background», «text» і «actions».
1) Виберіть 1 кадр в шарі «background» і намалюйте в ньому рамку для годин.
2) Виберіть 2 кадр і натисніть F5.
3) Виберіть 1 кадр в шарі «text» і створіть в ньому динамічне текстове поле.
Щоб створити динамічне текстове поле за допомогою інструмента «текст», створіть текстове поле, в панелі 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;
Перейдіть у 2 кадр шару «actions» і зробіть його ключовим, натиснувши F6. Додайте в нього такий екшен:
Готово! Натисніть Ctrl + Enter і подивіться результат.
Завантажити * .fla файл можна тут.