Направете своята безплатна регистрация и се възползвайте от пълните възможности, които предлага iTSchool

Преглед на урок

Дигитален часовник - Flash

Дигитален часовник - Flash




[html]<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" border="0" width="232" height="141">
<param name="movie" value="http://itschool.bg/application/uploads/tutorials/img/digital_flash_clock/1.swf">
<param name="quality" value="High">
<param name="wmode" value="transparent">
<embed src="http://itschool.bg/application/uploads/tutorials/img/digital_flash_clock/1.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="232" height="141" quality="High" wmode="transparent"></object>[/html]

1. Добавете 3 layer-a в "Timeline" прозореца, и ги наименовай background, text и actions. Трабва да изглежда така:



2. Изберете "frame" 1 от "background" layer-a и направи рамката за часовника. След това маркирай "frame" 2 от "background" и натисни F5.
3. Сега отидете на "frame" 1 от "text", изберете "Text Tool" от менюто. След това от падащото меню (виж картинката) изберете "Dinamic Text" и напишете текста там, където искате да се намира. В "Instance" напишете "clock_txt" (виж картинката). Маркирайте "frame" 2 и натиснете F5 :



5. Сега отидете на "frame" 1 от "actions" layer-a и поставете текста по-долу в action менюто (Windows -> Actions):

[color=blue]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;

6. Маркирайте "frame" 2 от "actions" layer-a и натиснете F6 за да създадете нов "keyframe". В action менюто на този "frame" напишете текста по-долу:

[color=blue]gotoAndPlay(1);

Вашият дигитален часовник е вече готов. Натиснете Ctrl+Enter за да го видите.

Източник : [link=http://www.entheosweb.com]www.entheosweb.com[/link]


Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: toddor

Коментари

John Front

Беше от полза!Браво. :)

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.