Многолетние цветы для сада: фото и описание

Многолетние цветы для сада: фото и описание 448

Праздники – это всегда радость и веселье. Все с нетерпением ждут момента, когда рядом соберутся родные и любящие люди. Вот и мы посчитаем дни, часы, минуты и даже секунды до Нового года! А флеш нам в этом поможет. Такие часы можно повесить у себя на сайте.

Вы можете сделать свои часики и свою дату, например дату своего дня рождения. Это делается очень просто:

Шаг 1.

Создадим четыре динамических текстовых поля для отсчёта дней, часов, минут и секунд. Назначимим Instance name countD, countH, countMиcountS соответственно. Между ними поставим точечки разделители. Если вы используете несистемный шрифт для часов, как в нашем случае, то для корректного отображения надписи на сайте, шрифт нужно внедрить во флеш.

Шаг 2.

Обратим всё это в символ (выделение – F8) и назначим ему имя c_countdown.

 

Шаг 3.

Добавляем вспомогательный текстовые подсказки (дни, часы, мин. и т.д.). Вот так должно получиться:

Шаг 4.

Добавляем новый слой и на нём пишем код:

  1. var now:Date = newDate(); // поточная дата
  2. var endDate:Date = newDate(now.getFullYear()+1,0,1); // дата события
  3. var countdownTimer:Timer = newTimer(1000); // таймер
  4. countdownTimer.addEventListener(TimerEvent.TIMER, updateTime);
  5. countdownTimer.start();
  6. function updateTime(e:TimerEvent):void {
  7. now = newDate(); // обновляем поточную дату
  8. if(now.getTime()>endDate.getTime()){ // если сейчас дата больше за дату события
  9. //c_countdoun.count.text = "00:00:00:00"; // уррра новый год)))
  10. c_countdoun.countD.text = "000";
  11. c_countdoun.countH.text = "00";
  12. c_countdoun.countM.text = "00";
  13. c_countdoun.countS.text = "00";
  14. countdownTimer.stop();
  15. return;
  16. }
  17. var timeLeft:Number = endDate.getTime() - now.getTime();// общее время в милисекундах
  18. var seconds:Number = Math.floor(timeLeft / 1000); // секунды
  19. var minutes:Number = Math.floor(seconds / 60); // минуты
  20. var hours:Number = Math.floor(minutes / 60); // часы
  21. var days:Number = Math.floor(hours / 24); //дни
  22. seconds %= 60; // % - это остача от деления
  23. minutes %= 60;
  24. hours %= 24;
  25. var sec:String = seconds.toString();
  26. var min:String = minutes.toString();
  27. var hrs:String = hours.toString();
  28. var day:String = days.toString();
  29. // если число одноцифровое то добавляем 0 спереди
  30. if (sec.length< 2) {
  31. sec = "0" + sec;
  32. }
  33. if (min.length< 2) {
  34. min = "0" + min;
  35. }
  36. if (hrs.length< 2) {
  37. hrs = "0" + hrs;
  38. }
  39. if (day.length< 2) {
  40. day = "0" + day;
  41. }
  42. // выводим результаты как одну строчку или по отдельности
  43. //var time:String = day + ":" + hrs + ":" + min + ":" + sec;
  44. //c_countdoun.count.text = time;
  45. c_countdoun.countD.text = day;
  46. c_countdoun.countH.text = hrs;
  47. c_countdoun.countM.text = min;
  48. c_countdoun.countS.text = sec;
  49. }

В Date мы используем метод now.getFullYear(), который возвращает текущий год. Таким образом код не придется менять к следующему новому году. Нам нужно датой указать первое января следующего года, поэтому к текущему значению года добавляем единичку. Дальше указываем номер месяца - 0, так как месяцы в as3 (и во многих других языках программирования) нумеруется от 0 до 11. Ну и число - 1-е, - тут всё интуитивно.

Дальше создаём новый таймер и указываем значение шага 1000 миллисекунд (1 секунда). В обработчике каждый раз (каждую секунду) обновляем значение now, то есть текущую дату. Проверяем условие, не наступила ли долгожданная дата и если наступила, то текст меняем на нули. Дальше идёт математика. Вычисляем значения, которые нам надо, переводим их в строковый формат и если получили не двух цифровое число, добавляем нолик спереди, для эстетического удовлетворения.   Все значения, которые выводятся отдельно можно выводить в одну строку. Для этого нужно создать всего одно текстовое поле, назвав его, скажем, count и разкомментировать три строчки, которые сейчас в коде закомментированны. Этот способ быстрее, но так текст сложнее ровнять в соответствии с подписями. Особенно, если выбрать шрифты, у которых ширина букв имеет разную ширину. Надпись иногда дёргается и съезжает.

Вот и всё! Теперь все заветные даты не нужно держать в голове!))

Исходник (Cs5)

Автор урока – Андрей Барвинко

Flash-animated.com

Многолетние цветы для сада: фото и описание 29
Многолетние цветы для сада: фото и описание 81
Многолетние цветы для сада: фото и описание 80
Многолетние цветы для сада: фото и описание 66
Многолетние цветы для сада: фото и описание 32
Многолетние цветы для сада: фото и описание 42
Многолетние цветы для сада: фото и описание 3
Многолетние цветы для сада: фото и описание 65
Многолетние цветы для сада: фото и описание 11
Многолетние цветы для сада: фото и описание 22
Многолетние цветы для сада: фото и описание 96
Многолетние цветы для сада: фото и описание 49
Многолетние цветы для сада: фото и описание 75
Многолетние цветы для сада: фото и описание 70
Многолетние цветы для сада: фото и описание 68
Многолетние цветы для сада: фото и описание 38

Похожие новости:

  • Как заработать денег в домашних условиях своими руками
  • Лёгкие узоры для вязания на спицах схемы с описанием
  • Разновидности цветка алоэ
  • Как сшить на куклу пышную юбку
  • Капучино в домашних условиях с кофемашиной