วิธีการทำ Digital clock จัดทำโดย : Charoen พิมพ์


บทความนี้เราจะ สร้างนาฬิกาในรูปแบบ Digital กันนะครับ มาลองดูวิธีทำกันเลยครับ

1. สร้างเอกสารใหม่ขึ้นมาขนาด 180x40 ดังรูป

2. ใช้เครื่องมือ text tool สร้าง textbox ขึ้นมา แล้วให้ตั้งชื่อว่า clock_txt ดังรูป

3. ตั้งชื่อ layer ว่า text

4. สร้าง layer ใหม่ขึ้นมา ตั้งชื่อว่า action

5. คลิกที่เฟรมแรก กด F9 หรือคลิกขวาแล้วเลือก action

6. ใส่ action script ลงไปดังนี้

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;

7. เพิ่มเฟรมขึ้นมาอีกหนึ่งเฟรม ดังรูป

8. เพิ่มคีย์เฟรมลงไปในเลเยอร์ action โดยการกด F6

9. ใส่ action script ลงไปในเฟรมที่สอง ดังนี้

gotoAndPlay(1);

10. กด ctrl+enter เพื่อดูผลลัพธ์

คุณอาจสนใจ
คำถามยอดฮิตเร่งสปีดบรอดแบนด์
เว็บไทยดีดี (14,744 - 22 ก.ย. 50)
ล็อกคลิกซ้ายลากไฟล์สะดวก
เว็บไทยดีดี (13,862 - 29 ก.ย. 50)
สร้างข้อความพลาสติก
langjuko (241,351 - 24 ก.ย. 51)
CAPTCHA คืออะไร
เว็บไทยดีดี (17,634 - 22 ก.ย. 50)
99 ไอเดียในการใช้ Flash Drive
เว็บไทยดีดี (18,657 - 25 ส.ค. 50)
Herizontal Type Tool (T)
Mr.GuruZ (41,845 - 22 ก.ย. 50)
การตรวจสอบชนิดของไฟล์ในการ Upload ใช้ฟังก์ชั่น strchr();
first (40,974 - 23 ธ.ค. 50)
Head
เว็บไทยดีดี (24,788 - 02 เม.ย. 51)