วิธีการทำนาฬิกาดิจิตอล

วิดีโอ: รีวิว วิธีตั้งค่า 3D LED Clock (นาฬิกาดิจิตอล 3D Digital LED) บอกวันที่ อุณหภูมิ ปรับแสงอัตโนมัติ

เนื้อหา

คำสั่ง
เคล็ดลับ
อ้างอิง

หากคุณยังไม่พบรุ่นนาฬิกาดิจิทัลที่สมบูรณ์แบบคุณสามารถสร้างของคุณเองโดยใช้ภาษาการเขียนโปรแกรม HTA ด้วยคุณสมบัติที่มีให้โดย Internet Explorer ภาษานี้จะรวมความสามารถ HTML และ JavaScript ทั้งหมดไว้ในเดสก์ท็อปของคุณ นักพัฒนาสามารถเพิ่มนาฬิกาดิจิตอลลงในหน้าเว็บโดยใช้ JavaScript เพียงไม่กี่บรรทัด อย่างไรก็ตามด้วยภาษา HTA มันเป็นไปได้ที่จะสร้างแม่แบบที่กำหนดเองโดยใช้คุณสมบัติ CSS

คำสั่ง

ไม่จำเป็นต้องมีนาฬิกาแบบฟิสิคัลที่จะรู้เวลา (Martin Poole / Photodisc / Getty Images)

เปิด Notepad และวางคำสั่งต่อไปนี้ในเอกสารใหม่ของคุณ:

ทดสอบ HTA

type = "text / css"> .clockStyle {border: thick dotted blue; สีพื้นหลัง: # FFFF00; ความกว้าง: 100px; ความสูง: 20px; จัดข้อความ: ศูนย์; }
ส่วน "สไตล์" ของรหัสนี้แสดงที่ท้ายกำหนดคลาสที่เรียกว่า "clockStyle" ชั้นนี้กำหนดลักษณะที่ปรากฏของนาฬิกา ตัวอย่างเช่นแอททริบิวต์เส้นขอบจะแทรกเส้นขอบที่มีสีฟ้าล้อมรอบนาฬิกา พื้นหลังเป็นสีเหลือง พารามิเตอร์ความกว้างและความสูงเป็นลักษณะความละเอียดพิกเซลของวัตถุ
เพิ่มบล็อก JavaScript ต่อไปนี้ด้านล่างรหัสจากขั้นตอนก่อนหน้า:

สังเกตตัวแปร "windowWidth" และ "windowHeight" ที่ด้านบนของรหัส พวกเขาจะควบคุมขนาดของหน้าต่างที่มีนาฬิกาดิจิตอล เปลี่ยนค่าเหล่านี้ในแบบที่คุณต้องการ
เพิ่มรหัสต่อไปนี้ด้านล่างที่อธิบายไว้ในส่วนสุดท้าย:

>

สิ่งนี้จะสร้างองค์ประกอบ "div" นั่นคือเนื้อหาของนาฬิกา แอตทริบิวต์ของคลาสของคุณอ้างอิงถึงการประกาศลักษณะ CSS ซึ่งอธิบายไว้ก่อนหน้านี้
กด "Ctrl" และ "S" พร้อมกันและพิมพ์ "DigitalClock.hta" ลงในช่อง "ชื่อไฟล์" ที่แสดงในหน้าต่าง "บันทึกเป็น" คลิก "บันทึก" เพื่อบันทึกชื่อไฟล์
เปิด "Windows Explorer" และค้นหาไฟล์ ดับเบิลคลิกที่ไฟล์เพื่อแสดงนาฬิกาดิจิตอล

เคล็ดลับ

ปรับแต่งนาฬิกาโดยการเปลี่ยนคุณสมบัติ CSS ในส่วน "สไตล์" ของเอกสาร ตัวอย่างเช่นหากต้องการเปลี่ยนพื้นหลังเป็นสีชมพูให้แทนที่ "สีเหลือง" ในรหัสด้วย "สีชมพู" โดยปกตินาฬิกาจะอัพเดตจอแสดงผลทุกวินาที หากต้องการเปลี่ยนอัตราการรีเฟรชให้เปลี่ยน "1000" ในรหัสเป็นค่าอื่นเช่น 2000 ซึ่งจะเปลี่ยนนาฬิกาทุกสองวินาที