วิธีการทำ 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 เพื่อดูผลลัพธ์

คุณอาจสนใจ
99 ไอเดียในการใช้ Flash Drive
เว็บไทยดีดี (18,657 - 25 ส.ค. 50)
การสร้าง Form
อ้อม (41,760 - 30 เม.ย. 50)
การเปลี่ยนมุมมองในหน้าเอกสาร (ไม่ยากอย่างที่คิด)
อ้อม (19,258 - 13 ม.ค. 50)
การใส่ขอบสีให้กับตัวอักษร
Mr.GuruZ (41,220 - 27 มิ.ย. 49)
สร้างลูกศรควบคุมเกม flash
langjuko (113,469 - 16 ก.ย. 51)
การทำ Poll ตอนที่ 1 (สร้างฐานข้อมูล)
Mr.GuruZ (40,769 - 03 มิ.ย. 49)
การจัดเรียง Objects
หมูขุน (16,438 - 04 ก.พ. 50)
การแทรกภาพจาก Assets
Mr.GuruZ (33,825 - 04 มิ.ย. 49)