วิธีอัปเดตปีปัจจุบันโดยอัตโนมัติด้วย JavaScript

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

นี่คือลักษณะที่ HTML จะปรากฏในส่วนท้ายของเว็บไซต์ที่เก่ากว่าส่วนใหญ่ และแม้แต่ในเว็บไซต์สมัยใหม่บางเว็บไซต์:

<span>© 2018 Company Name</span>

• การเรียกร้องลิขสิทธิ์โดยใช้สัญลักษณ์ ©
• ปีปัจจุบัน
• ชื่อบริษัท

โดยการใช้วิธีการประทับเวลาแบบคงที่นี้ เจ้าของเว็บไซต์จะต้องแก้ไขปีที่แสดงด้วยตนเองทุกปี เป็นไปไม่ได้

ห่างไกลจากทุกเว็บไซต์ที่มี UI Dashboard ที่ใช้งานง่ายและเข้าถึงได้ง่ายเพื่อแก้ไขข้อมูลส่วนท้าย ดังนั้นเจ้าของเว็บไซต์จึงต้องแก้ไขไฟล์ HTML ของตนเองหรือจ้างบุคคลอื่นให้ทำ

เป็นการเสียเวลาและทรัพยากร

การประทับเวลาที่ล้าสมัยอาจส่งผลเสียต่อแบรนด์ของคุณ

ขออภัย การไม่แสดงปีปัจจุบันทำให้เว็บไซต์ของคุณดูล้าสมัย แม้ว่าจะไม่ใช่ก็ตาม หากคุณเข้าเว็บไซต์ในวันนี้ แต่ปีปัจจุบันของเว็บไซต์ระบุถึงปี 2015 สิ่งที่ทำให้ คุณ คิดว่า?

อย่างแน่นอน. มันทำให้คุณสงสัยว่าเว็บไซต์ยังใช้งานได้อยู่หรือไม่

หลังจากวันนี้ คุณจะไม่ต้องกังวลกับปัญหานี้ในเว็บไซต์ของคุณเองหรือเว็บไซต์ของลูกค้าใดๆ

แสดงปีปัจจุบันด้วยเมธอด getFullYear() ของ JavaScript

แทนที่จะใช้การประทับเวลาแบบคงที่ที่คุณเห็นใน HTML ด้านบน เรามาทำให้เป็นไดนามิกโดยเพิ่มวิธีการวันที่ของ JavaScript ดั้งเดิม getFullYear(): ไปยังส่วนท้ายของเรา

ขั้นแรก เพิ่มโค้ดต่อไปนี้ในคอนโซลเบราว์เซอร์ของคุณ (หรือโปรแกรมแก้ไขข้อความที่มีคอนโซล) เพื่อให้เราสามารถทดสอบได้:

document.write(new Date().getFullYear());

กด Enter แล้วคุณจะเห็นวันที่ปัจจุบันที่มุมบนซ้ายของหน้าต่างเบราว์เซอร์ของคุณ

คุณสามารถดูโค้ดในฟังก์ชันได้จากตัวอย่าง CodePen นี้ ดูที่หน้าต่างคอนโซล

ตอนนี้เรารู้แล้วว่าใช้งานได้แล้ว มาดู getFullYear() โค้ดจากด้านบนและใส่ไว้ใน HTML ส่วนท้ายของเราจากเวอร์ชันก่อนหน้า:

<span>
  &copy;<script>document.write(new Date().getFullYear());</script> Company Name
</span>

ผลลัพธ์:

ขอแสดงความยินดี คุณไม่ต้องกังวลกับการอัปเดตการประทับเวลาของปีของคุณอีกต่อไป JavaScript จะเข้ามาแทนที่จากที่นี่

แสดงปีลิขสิทธิ์ดั้งเดิมและปีปัจจุบัน

บางครั้งคุณต้องการแสดงทั้งปีปัจจุบันและปีที่คุณจดทะเบียนบริษัท นี่อาจเป็นการเน้นย้ำถึงปีที่คุณเรียกร้องลิขสิทธิ์ ไม่ใช่ปัญหา. หากคุณต้องการให้ปีที่เริ่มต้นเป็นปี 2016 เพียงเพิ่ม 2016- กับโค้ดด้านบนจึงมีลักษณะดังนี้:

<span>
  &copy; 2016-<script>document.write(new Date().getFullYear());</script> Company
  Name
</span>