โจทย์จาวาสคลิปแสนสนุก 1
1.
จงเขียนจาวาสคริปให้ทำงานเมื่อคลิกที่รูปภาพ จากนั้นให้เปลี่ยนรูปภาพดังกล่าวเป็นอีกรูปภาพหนึ่ง แต่จะมีหน่วยเวลาในการเปลี่ยน 3 วินาที
2.
จงเขียนจาวาสคริปเพื่อแสดงกล่องข้อความในรูปภาพดังต่อไปนี้ “Last Update : 11-05-58 – 3:19 PM” โดยให้เวลาเป็นวันเวลาตามปัจจุบัน
เฉลยข้อที่ 1
การทำงาน
- เมื่อคลิกที่รูปให้เรียกใช้ฟังก์ชั่น change()
- function change() เรียกใช้ setTimeout()
- ใส่ function เข้าไปในพารามิเตอร์ตัวแรกของ setTimeout() เพื่อเปลี่ยนรูปภาพ
- หน่วงเวลาหน่วยจะเป็น ms จึงกำหนด 3000 ms = 3 sec
https://github.com/gasileer/js-click-time-change
เฉลยข้อที่ 2
การทำงาน
- เมื่อเว็บโหลดเสร็จให้เรียกใช้ function show()
- new object Date โดยใช้ตัวแปร date เป็นการอ้างถึง
- กำหนดค่าให้ วัน เดือน ปี ชั่วโมง นาที วินาที ผ่านทาง object date
- เพื่อจะให้ได้ PM AM เราจะใช้ ชั่วโมงมาเช็ค แล้วกำหนดค่าPM หรือ AM ให้กับตัวแปร hm
- แสดงผลออกมาในรูปภาพที่โจทย์กำหนดผ่าน function alert
https://github.com/gasileer/js-alert-time
ขอบคุณครับ
ima8
11/05/2558