[flash=420,465,//img1.liveinternet.ru/images/attach/c/9//4073/4073960_taymer_d_ng1.swf]

?урок?"Создае?таймер обратног?отсчет??программ?Sothink SWF Quicker"

мы ?вами училис?делать самы?просто?таймер обратног?отсчет?до определенной даты. Таймер вё?обратный отсчет дней, часо? мину??когд?наступал?время X(00 00 00 00), то таймер останавливал? ?выводи?надпис?поздравлен? ил?оповещен? ?наступивше?событи? Вся организация работы такого таймер?регулировалась скриптом. На?же надо было создат?только дв?текстовы?по? - одно информационное (статически?тексто?, для того, чтоб?видн?было до какого события ведется отсчет ? второе текстово?поле - (динамическое) - са?таймер, ?по совместительству строка вывода конечног?текста.
Теперь мы усложним на?таймер ?сделае?ег?"вечным".
Суть этог??то? чт?есть праздник??события, которы?наступаю?ежегодно ?одно ?то же время. ?на?хотелось бы, чтоб?по окончани?отсчет??наступлением события ?текуще?году на?таймер продолжи?обратный отсчет времен?по ново? до наступления этог?же события ?следующе?году ?та?дале? Во?тако?таймер мы ?буде?создават? Он буде?вест?обратный отсчет до заданной даты, зате??момент наступления события буде?выведе?текс?поздравлен?, ?зате?посл?перезагрузки страницы отсчет пойдет снов?
Основные момент?теории ? статическо??динамическом текста?смотри??урок?на которы?я ссылаюсь выше. ?мы продолжи?делать таймер ?новыми возможностями.
Открывае?программ?Sothink SWF Quicker. Устанавливае?размер рабочего по?, исхо? ?размеров картинки- фона. ?моем случае размер картинки 580x480 пикс. ?размер рабочего по? я устанавливаю 600x500 пикс.


На самы?первый, ?пока единственный, слой импортируе?фо?картинку. Файл - Импорт


Переименовывае?слой, назвав ег?"фо?



Выравнивае?картинку - фо?по центру. ?моем случае размер?Рабочего по? 600x500 пикс. ? следовательн? для того, чтоб?картинку поместит??цент? мы эт?картинку выде?ем, щелкну?по не?инструментом "Выбо?(черн? стрелк?, ??панели "Трансформация" выстав?ем параметр?для координа?X ?Y - X=300; Y=250


Теперь на?надо создат?дополнительные слои на которы?буду?располагаться таймер, скрипт, дополнительн? информац? ?слой для текста, которы?буде?выведе?по окончани?
?создал?следующи?слои (сверху вниз)
1 Слой "Скрипт". На этом слое буде?скрипт для нашего таймер?
2. Слой "Текс?информац?". На этом слое буде?располагаться статически?текс? ?информацие??событи?до которого ведется отсчет. ?наше?случае "До Нового Года..."
3. Слой "Таймер" на которо?буду?располагаться динамические текстовы?по? для таймер?обратног?отсчет?
4.Слой "время" тоже являет? информационным ?содержит статически?текс? которы?буде?пояснять по каки?категория?времен?ведется отсчет, то есть эт?надпис?по?(вверху ил??до? таймером - "дней", "часо?, "мину?, "секунд".
5. Слой "Текс??X". На этом слое по окончани?отсчет?до заданног?события буде?выведе?текс? которы?буде?зада??скрипт? Например, "?Новы?Годо?".
6. Слой "фо?, которы?мы уж?создал?
Со Слое?"фо? мы больше работать не буде??поэтом?ег?можн?закрепит? для того чтоб?не сместить ег?непроизвольн?? чтоб?он не меша?на?работать ?остальными сл?ми. Для того, чтоб?закрепит?слой, щелкните ?клетку ?до??глазко?этог?сл? ??этой клетке появится иконка замочк? Чтоб?слой пр?необходимост?разблокировать ?замоче?снять надо щелкнуть по иконке замочк??иконка исчезнет, ?слой снов?буде?доступен для редактирован?.


Итог?на?надо создат?ещ??ть дополнительных слое??переименоват?их.


Для работы ?на?вс?подготовлено ?можн?приступить ? созданию таймер?
Выде?ем слой "Текс?информац?", выбираем инструмент "Текс? ?разворачивае?текстово?поле на картинке - фоне.
Вводим необходимы?информационный текс? ?моем случае эт?"До Нового Года..."


Идем во вкладк?"Свойства". Текс? на слое "Текс?информац?" должен быть выделе?инструментом "Выбо? (черн? стрелочк?. Во вкладк?"Свойства" выстав?ем вс?параметр?для текста - шриф? размер шрифта, выравнивание. Ти?текста должен быть "Статически?. Следит?за те? чтоб?пр?изменени?параметров шрифта ва?текс?умещал? ?созданно?текстово?поле. Пр?необходимост?увеличьт?размер?текстового по? ил?уменьшит?размер?шрифта. Шриф?для Статического текста встраивать не надо.


Посл?того ка?вс?параметр?для шрифта выставлены, ?нему можн?применит?любы?из доступны?фильтров программ? Для выбора фильтров переключаемся на вкладк?"Фильтр?. Выбираем, например, фильтр "Тень" ?подбирае?необходимы?параметр?для фильтр?


Когд?информационный текс?полность?гото? то слой "Текс?информац?" такж?можн?закрепит?
Выде?ем слой "таймер" ?приступаем ?созданию текстовы?поле?для таймер?обратног?отсчет? Напомина?чт?для таймер?ти?текста должен быть "Динамический". Для каждой категори?времен?мы создадим отдельно?текстово?поле ? та?ка?на?таймер показывает количество дней, часо?, мину??секунд до наступления события, на?необходимо создат?4 динамических текстовы?по?. Ка?правил? наибольшую трудност?достав?ет создание нескольких текстовы?поле?на одно?слое. Причем эт?текстовы?по? должны быть правильн?выравнен?
Учитыв? вс?эт? предлага?воспользоваться "Линейкам? ?"Направ?ющим?. Во вкладк?меню "Ви? проставьте галочк?окол?соответствующи?инструментов.


Выбираем инструмент "Выбо? (черн? стрелк? ?вы?гиваем из линеек дв?горизонтальные направ?ющие лини?межд?которыми ?буду?находится цифр?нашего таймер? То есть расстояни?межд?направ?ющим?эт??буде?высота цифр для таймер? Напомина? чт??направ?ющим?работаем инструментом "Выбо?. Этим инструментом вы можете из линеек выдвигат?необходимо?количество линеек ?передвигат?их по рабочему полю ?любо?направлени? Если ва?надо убрать каку?то направ?ющую наведите на не?курсор мыши пр?выбранно?инструмент?"Выбо? ?подтяните наза??линейкам.
Выбираем инструмент "Текс?. Во вкладк?"Свойства" настраивае?параметр?текста для таймер? Эт?настройк?буду?одинаковым?для всех четыре?текстовы?поле?


Убедитес?чт?вы находитесь на слое "таймер" ?начинаем создание текстового по? для категори?времен?"дней".
Начинаем создават?текстовы?по? ?левого кр? наше?картинки - фона.
Та?ка?количество дней ?году эт?трехзначно?числ? следовательн??созданно?нами текстово?поле должно входит?тр?цифр? Пр?выбранно?инструмент?"Текс? подносим курсор мыши ?верхне?направ?ющей ?курсор принимае?ви?крестика. Подносим крести??верхне?направ?ющей лини? та?чтоб?на горизонтальной черточке крестика образовалась красная подсветк?


Растягиваем текстово?поле сверху вниз ?вправо межд?направ?ющим? чтоб?приблизительно ?поле вошл?тр?цифр? Вводим эт?тр?цифр? Например, 000.


Если во время введен? цифр оказалос? чт?созданно?вами текстово?поле не вмещае?вс?цифр??одну строку ?текс?сместился вниз, то необходимо увеличит?текстово?поле по ширине, ?пределах направ?ющих лини? По?ните курсором за белу?точк?маркер?текстового по? ввер??вправо пока цифр?не встану????


Посл?того ка?текстово?поле "дней" создан? щелкните по нему инструментом "Выбо?(черн? стрелк? ?во вкладк?"Свойства" ?граф?"Имя" введит?имя для этог?текстового по?
days
Проверьт? чт?ти?текста указан ка?"Динамичный" ?зате?встройте шриф? Процедур?встраивания шрифта обязательна ?должна быть выполнен?для каждог?созданного текстового по? всех категори?времен?
Нажимаем кнопку встроить шриф?? ?открывшемся диалоговом окне помечаем галочкам?вс?чекбоксы, ?такж?нажимаем кнопку "Вставить используемый". Жмем OK.


Дале? выдвиг? нужное количество вертикальных направ?ющих ?размещ? их чере?равные промежутки, можн?создат?разметку для текстовы?поле?остальны?категори?времен? Учитывае? чт?остальны?текстовы?по? буду?содержат?уж?не трехзначны?цифр? ?двузначные, то есть буду?меньше по ширине.


Используя для ориентир?созданну?разметку из направ?ющих, создае?остальны?текстовы?по?.
Инструментом "Текс? создае?второе текстово?поле - "часо?. Вводим ?созданно?текстово?поле двузначное числ? например - "00". Щелкае?по нему инструментом "Выбо?. Во вкладк?"Свойства", ?граф?"Имя" вписывае?br /> hours
Встраиваем шриф?


Снов?выбираем инструмент "Текс?. По направ?ющим растягиваем третье текстово?поле - "мину?. Вводим ?созданно?текстово?поле двузначное числ? например - "00". Щелкае?по нему инструментом "Выбо?. Во вкладк?"Свойства", ?граф?"Имя" вписывае?br /> minutes
Встраиваем шриф?


Опять выбираем инструмент "Текс?. По направ?ющим растягиваем четверто?текстово?поле - "секунд". Вводим ?созданно?текстово?поле двузначное числ? например - "00". Щелкае?по нему инструментом "Выбо?. Во вкладк?"Свойства", ?граф?"Имя" вписывае?br /> seconds
Встраиваем шриф?


Межд?этим?четырь? динамичным?текстовыми по?ми на?надо поставит?разделител? например ?виде "классических двоеточи? - ":".
Эт?двоеточия мы создадим такж?инструментом "Текс?. Вс?параметр?для шрифта остают? такими же, ка??для шрифта таймер? только ти?текста поме?ем на "Статически?.
Выбираем инструмент "Текс?. По направ?ющим межд?текстовы?поле?"дней" ?"часо? растягиваем узко?текстово?поле ?которо?вводим ":". Встраивать этот шриф?не надо.


Созданно?текстово?поле разделител??":" на?понадобить? ещ?дважды ?поэтом?ег?надо размножить.
Щелкае?по текстовому полю ":" инструментом "Выбо? (черн? стрелк? ?посл?того, ка?появить? сини?квадрати?выделения, щелкните правой кнопко?мыши внутри этог?выделения ??выпавшем контекстно?меню выберите пунк?"Копировать".


Теперь вн?рабочего по? щелкните правой кнопко?мыши ??контекстно?меню выберите пунк?"Вставить на мест?.


На?выделенным текстовы?поле?теперь появилась копия текста ?":". Щелкните по выделени? чтоб?разделит?копи? Снов?щелкните по верхнему текстовому полю ?":", выдели?ег? ?зате?стрелкой "вправо" ?компьютера поместит?разделител?":" межд?динамическим?текстовыми по?ми "мину? ?"секунд". Снов?щелкните по этом?выделенном?разделител??создайте ещ?одну копи? ?ещ?ра?щелкните вн?рабочего по? правой кнопко?мыши. Выполнит?команд?"Вставить на мест?. Стрелкой "влев? ?компьютера поместит?внов?созданны?разделител?":" межд?динамическим?текстовыми по?ми "часо? ?"мину?.
Вс?тексты для нашего таймер?готовы ?можн?приступить ?оформлению следующего сл?. Эт?слой "время". Для этог?слой "время" должен быть выделе?
Слой этот информационный ?надпис? которы?буду?расположен?на не?комментируют временны?категори?таймер? ?поэтом?на?необходимо буде?создат?четыре статически?текста - "дней", "часо?, "мину?, "секунд".
Во вкладк?"Свойства" для данных тексто??параметрах следуе?указат?ти?текста "Статически?, ?размер шрифта выбрат?значительн?меньше че?для самого таймер? Встраивать эт?шрифты не надо.


Эт?подпис?можн?расположит?ка?по?текстовы?поле?таймер? та??на?ни? Эт?уж ка?кому нравит?. ?моем случае подпис?временны?категори?для таймер?расположен?ниже текста таймер?
Предлага?такж?воспользоваться "Направ?ющим?. Вы?гиваем дв?горизонтальные направ?ющие ?располагае?по?текстовы?поле?таймер? Следим за те? чтоб?вс?наши действ? происходил?на слое "время", чтоб?этот слой оставался выделе?на протяжени?всег?времен?пока мы создае?подпис?
Расстояни?межд?"Направ?ющим? буде?высото?текстовы?поле? ?ширину текстового по? выбирайт?чуть больше че?ширина текстового по? соответствующи?временно?категори??которо?делает?подпис?ил?тако?же.
Выбираем инструмент "Текс? ?разворачивае?текстово?поле межд?направ?ющим?по?временно?категорией таймер?"дней", вводим текс?- "дней". Переходи??инструмент?"Выбо? ?щелкае?по нему, те?самы?сбрасывая текстово?поле. Снов?выбираем инструмент "Текс? для создан? следующего текстового по? - "часо?, разворачивае?ново?текстово?поле ?вводим текс? - "часо?. Такж?перейдя ?инструмент?"Выбо? (черн? стрелк? сбрасывая ?эт?текстово?поле. ?снов?выбираем "Текс? для создан? текстового по? ?текста - "мину?. Таки?же образо?создае?последню?подпис?- "секунд".




Осталось оформить последни?слой. Эт?слой "Текс??X". На этом слое по окончани?времен?отсчет?до заданной даты должен быть выведе?текс?поздравлен? ил?извещения ?наступлени?события. Для вывода текста достаточно создат?динамическое текстово?поле по размерам тако? чтоб??него вместился текс?указанны??скрипт? Са?текс? ?принципе вписыват??текстово?поле не надо. Но, чтоб?быть полность?уверенны??то?чт?весь текс?уместится ?созданно?динамическое текстово?поле ?для подбор?необходимы?параметров шрифта, предлага?текс?вс?таки ввести, установить вс?ег?параметр?во вкладк?"Свойства", ?пото?выделить ?текстово?поле ?удалит? Заметьте, удалит?необходимо не текстово?поле, ?только текс??не? Эт?текстово?поле остает? пустым.
Во?приблизительны?параметр?вкладк?"Свойства" для этог?динамическог?текстового по?". ?та? ти?текста обязательно должен быть "Динамический" ?шриф?обязательно встрое? Остальны?параметр?шрифта выбираем исхо? из дизайн?всей работы. ?граф?"Имя" должно быть вписан?br /> timetxt
?поле ввод?"var"
time_txt
Эт?дв?по? ввод?становятся доступными тогд? когд?текстово?поле выделено инструментом "Выбо?.


На?таймер гото??чтоб?он заработа?необходимо ввести скрипт.
Для этог?выде?ем слой "Скрипт" ?открывае?вкладк?"Действие". Копируем приведенны?ниже скрипт (ил?скрипт из текстового файл?
?вставляем ег??открытую вкладк?"Действие". Скрипт копируем очен?аккуратн? чтоб?не пропустить ни одно?строчк??ни одно?точк??за?то?

code:


myDate = new Date();

a = myDate.getFullYear() + 1;

getDate = new Date(a, 0, 1);

getDateMsec = getDate.getTime();

timer = function ()

{

    nowDate = new Date();

    nowDateMsec = nowDate.getTime();

    var p4 = getDateMsec - nowDateMsec;

    if (p4 <= 0)

    {

        timetxt.text = "?Новы?Годо?";

        clearInterval(interval);

        return;

    } // end if

    var sR = Math.floor(p4 / 1000);

    var mR = Math.floor(sR / 60);

    var hR = Math.floor(mR / 60);

    var dR = Math.floor(hR / 24);

    sR = sR % 60;

    mR = mR % 60;

    hR = hR % 24;

    if (sR < 10)

    {

        sR = "0" + sR;

    } // end if

    if (mR < 10)

    {

        mR = "0" + mR;

    } // end if

    if (hR < 10)

    {

        hR = "0" + hR;

    } // end if

    if (dR < 10)

    {

        dR = "0" + dR;

    } // end if

    days.text = dR;

    hours.text = hR;

    minutes.text = mR;

    seconds.text = sR;

};

interval = setInterval(timer, 1000);

timer();

?третье?строчк?скрипт?- getDate = new Date(a, 0, 1); вводим дату до которо?буде?идти отсчет. Та?ка?на?таймер "вечный", то, если вы создаете таймер ?текуще?году ?дато?на следующи?го? ка?например ?наше?случае, то го?вводит?не надо. Го?заме?ет функция "?, которая ?текущему году всегда добавляет +1, за счет этог?таймер ?остает? вечным. Если же вы делает?таймер ?дато?текущего года, то вместо "? вводим цифр?текущего года (например, 2013, 11, 25 - дата католическог?рождеств??2013), но тогд?уж?таймер "Вечным" не буде?
Не забываем, чт?ме?цы ?кодировк?скрипт?начинают? ?"0"! - 0 - январ?..11 - декабр?
Например, дата "до 1 января 2014 года осталось" буде?выглядеть следующи?образо? (a, 0, 1). Дата до 23 февраля 2014 соответственно - (a, 1, 23).
?двенадцато?строчк?скрипт?вводим текс?поздравлен? ил?оповещен?. ?наше?пример?эт?- "?Новы?Годо?"


Нажимает?зелену?галочк?для проверки скрипт? Если вс?отредактировал?верн? правильн?скопировал??вставили, то появится надпис? чт?ошибок не?


Нажимаем ОК ?кнопочку "Предварительны?просмотр" на панели меню. Види?результа?


Если вс?устраивает, сохраняем полученную флешку ?формат?.swf. Файл - Экспор?- Экспор?фильма.


?та?буде?выглядеть ва?таймер, когд??наступит событи? ?наше?случае Новы?го?


Посл?того ка?наступит время события, посл?обновлен? web страницы ?таймером, вы увидит? чт?на?таймер снов?принялся отсчитыват?время до указанного события. но только уж??следующи?году. ?та?из года ?го?
Мы ?вами сделал?таймер ?которо?вся информац? ?са?таймер расположен?горизонтальн? Вы же можете располагат??временны?категори?таймер? ?информационные тексты, ка?ва?нужн? Ведь вс?текстовы?по? мы сделал?отдельно ?независимыми друг от друг? Например, ещ?один классический способ расположен? таймер?- эт?когд?временны?категори?расположен?одна на?другой (?столби?, ?подпис?расположен??до??соответствующими им временными категориями.


Можн?придумат??боле?креативное расположение текстовы?поле?таймер? Например, по диагонал?br />

[flash=600,500,//img0.liveinternet.ru/images/attach/c/9//4074/4074816_urok_vechnuyy_taymer1a.swf]

Серия сообщени?"Урок?Flash":

урок??разных флешпрограммах, авторски?урок?flash

Част?1 - Делаем элементарные часики.Начинаем учиться созданию flash.
Част?2 - Ка?правильн?записать ко?флешки ил?виде??рамочк?для кодо?
...
Част?16 - Программная анимац? ?Adobe Flash.
Част?17 - Урок?Flash. Падающий снег. Классы AS3.
Част?18 - Вечный таймер обратног?отсчет??программ?Sothink SWF Quicker. AS2 .
Част?19 - Делаем «Вечны?таймер обратног?отсчета» ?Adobe Flash. AS3
Част?20 - Плее?кнопка из анимашки. Урок для Sothink SWF Quicker.
...
Част?48 - Анимац? частей картинки ?помощь?маск?Урок для Adobe Flash.
Част?49 - Использовани?панели «Редакто?движен???Adobe Flash CS6.
Част?50 - Анимац? форм?во Flash(морфин?.

Серия сообщени?"Флешки Новогодние":
Част?1 - Флешинформер "До Нового Года осталось..."
Част?2 - Создае?флешки ?программ?Aleo Flash Intro Banner Maker.Част?перв?.
...
Част?9 - Флеш часики "Поздравительны?quot; ил??Новы?Годо? здравствуйте !
Част?10 - Флеш часики, информер ?флеш плее?«Старо?кафе?
Част?11 - Вечный таймер обратног?отсчет??программ?Sothink SWF Quicker. AS2 .
Част?12 - Приветстви??часиками ?календарем.
Част?13 - Флеш календарик??часиками ?новогоднем дизайн?
...
Част?25 - Флеш поздравлен? ?Новы?Годо?
Част?26 - Флеш открытка ?015?
Част?27 - ?Новы?Годо?