เพิ่มวันที่และเวลาลงในโค้ดสำหรับเว็บไซต์ของคุณ
เครดิตรูปภาพ: ใบตอง333/iStock/Getty Images
การเพิ่มวันที่และเวลาปัจจุบันลงในเว็บไซต์ช่วยให้แน่ใจว่าอย่างน้อยหนึ่งสิ่งบนไซต์เปลี่ยนแปลงเมื่อผู้เยี่ยมชมไซต์รีเฟรชหน้า คุณไม่จำเป็นต้องเรียนรู้ภาษาการเขียนโปรแกรมขั้นสูง เช่น PHP, JAVA หรือ ASP.NET เพื่อทำงานกับรูปแบบวันที่และเวลา เมื่อใช้ JavaScript และ HTML พื้นฐาน คุณสามารถแทรกวันที่และเวลาในเว็บไซต์ของคุณด้วยโค้ดสองสามบรรทัด
ขั้นตอนที่ 1
เปิดหน้าเว็บใดหน้าหนึ่งของคุณโดยใช้ Notepad โปรแกรมแก้ไข HTML หรือแอปพลิเคชันใดๆ ที่สร้างข้อความธรรมดา เพื่อให้มั่นใจว่าคุณเก็บสำเนาของโค้ดไซต์ที่ยังไม่ได้แก้ไข ให้ทำซ้ำไฟล์ก่อนที่จะแก้ไข
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
เพิ่มโค้ดต่อไปนี้ต่อจากแท็ก "" แรกใน HTML ของคุณ:
สิ่งนี้จะสร้างบล็อก "div" ที่ว่างเปล่า
ขั้นตอนที่ 3
เพิ่มโค้ดต่อไปนี้ก่อนแท็กปิด " " ใน HTML ของคุณ:
ฟังก์ชัน JavaScript นี้ทำงานหลังจากโหลดหน้า ตัวแปร "dateTime" เก็บวันที่และเวลาของระบบ ตัวแปร "formattedDateTime" แบ่ง dateTime ออกเป็นสองค่าที่จัดรูปแบบ ค่าหนึ่งสำหรับวันที่และอีกค่าสำหรับเวลา โดยคั่นด้วยอักขระ กำหนดไว้ใน "ตัวคั่น" สองคำสั่งสุดท้ายเพิ่มสตริงวันที่และเวลาที่จัดรูปแบบให้กับแท็ก "div" ที่กำหนดไว้ในส่วนเนื้อหาของ HTML
ขั้นตอนที่ 4
บันทึกเอกสารและเปิดในเบราว์เซอร์ของคุณ วันที่และเวลาจะปรากฏในตำแหน่งที่คุณวางแท็ก "div" โหลดหน้าซ้ำเพื่อดูการเปลี่ยนแปลงค่า
เคล็ดลับ
ตัวแปรตัวคั่นสามารถมีอักขระใดก็ได้ที่คุณเลือก ตัวอย่างนี้ใช้เส้นประ
