Javascript : โจทย์จาวาสคริปแสนสนุกชุด 1

โจทย์จาวาสคลิปแสนสนุก 1

1.

จงเขียนจาวาสคริปให้ทำงานเมื่อคลิกที่รูปภาพ จากนั้นให้เปลี่ยนรูปภาพดังกล่าวเป็นอีกรูปภาพหนึ่ง แต่จะมีหน่วยเวลาในการเปลี่ยน 3 วินาที

 

2.

จงเขียนจาวาสคริปเพื่อแสดงกล่องข้อความในรูปภาพดังต่อไปนี้ “Last Update : 11-05-58 – 3:19 PM” โดยให้เวลาเป็นวันเวลาตามปัจจุบัน

 

 

เฉลยข้อที่ 1

 

การทำงาน

  1. เมื่อคลิกที่รูปให้เรียกใช้ฟังก์ชั่น change()
  2. function change() เรียกใช้ setTimeout()
  3. ใส่ function เข้าไปในพารามิเตอร์ตัวแรกของ setTimeout() เพื่อเปลี่ยนรูปภาพ
  4. หน่วงเวลาหน่วยจะเป็น ms  จึงกำหนด 3000 ms =  3 sec

 

https://github.com/gasileer/js-click-time-change

 

เฉลยข้อที่ 2 

 

การทำงาน

  1. เมื่อเว็บโหลดเสร็จให้เรียกใช้ function show()
  2.  new object Date โดยใช้ตัวแปร date เป็นการอ้างถึง
  3. กำหนดค่าให้ วัน เดือน ปี ชั่วโมง นาที วินาที ผ่านทาง object date
  4. เพื่อจะให้ได้ PM AM เราจะใช้ ชั่วโมงมาเช็ค แล้วกำหนดค่าPM หรือ AM ให้กับตัวแปร hm
  5. แสดงผลออกมาในรูปภาพที่โจทย์กำหนดผ่าน function alert

https://github.com/gasileer/js-alert-time

 

 

ขอบคุณครับ

ima8

11/05/2558

Leave a Reply