Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Цифровые часы


alt

В данном уроке вы без труда научитесь создавать красивые цифровые часы во флэше. В конце урока есть ссылка на уже готовый исходник в виде *.fla файла.

Шаг 1

Итак, начнем. Создайте 3 слоя и назовите их «background», «text» и «actions».

alt

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 и посмотрите результат.

Скачать исходник:

Нажмите для скачивания digitalclock.zip!
Название: digitalclock.zip
Размер: 4.83 Kb




Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.