การอัปเดตปีปัจจุบันในฟุตเตอร์อัตโนมัติเป็นหนึ่งในสิ่งที่ทำได้ง่ายที่สุด น่าเสียดายที่เจ้าของเว็บไซต์หลายคนไม่รู้ว่าการแสดงปีปัจจุบันสำคัญ ทั้งเพื่อเหตุผลลิขสิทธิ์ และเพื่อให้ผู้ใช้ทราบว่าเว็บไซต์ของพวกเขาอัปเดตอยู่
นี่คือรูปแบบ HTML ในฟุตเตอร์ของเว็บไซต์เก่าๆ และแม้แต่บางเว็บไซต์สมัยใหม่:
<span>© 2018 Company Name</span>- อ้างสิทธิบัตรด้วยสัญลักษณ์ ©
- ปีปัจจุบัน
- ชื่อบริษัท
ด้วยวิธี timestamp แบบสแตติกนี้ เจ้าของเว็บไซต์ต้องแก้ไขปีที่แสดงด้วยตนเองทุกปี ซึ่งไม่เป็นประโยชน์
ไม่ใช่ทุกเว็บไซต์ที่มีแดชบอร์ด UI ที่ใช้งานง่ายสำหรับแก้ไขข้อมูลฟุตเตอร์ ดังนั้นเจ้าของเว็บไซต์จึงต้องแก้ไขไฟล์ HTML เอง หรือจ้างคนทำ
นี่คือการสูญเปล่าเวลาและทรัพยากร
Timestamp ล้าสมัยอาจทำลายแบรนด์ของคุณ
น่าเสียดายที่การไม่แสดงปีปัจจุบันทำให้เว็บไซต์ดูล้าสมัย — แม้จะไม่ได้ล้าสมัยจริงๆ หากคุณไปที่เว็บไซต์ในปีนี้ แต่ปีบนเว็บไซต์ระบุว่า 2015 คุณจะคิดว่าอะไร?
ตรงนั้นแหละ มันทำให้คุณสงสัยว่าเว็บไซต์ยังทำงานอยู่หรือไม่
หลังจากวันนี้ คุณจะไม่ต้องกังวลเรื่องนี้บนเว็บไซต์ของตัวเองหรือลูกค้าอีกต่อไป
แสดงปีปัจจุบันด้วยเมธอด getFullYear() ของ JavaScript
แทนที่จะใช้ timestamp แบบสแตติกที่เห็นใน HTML ด้านบน มาทำให้มันไดนามิกโดยเพิ่มเมธอดวันที่พื้นเมืองของ JavaScript คือ getFullYear(): เข้าไปในฟุตเตอร์
ก่อนอื่น เพิ่มโค้ดต่อไปนี้ในคอนโซลเบราว์เซอร์ (หรือ текст editor ที่มีคอนโซล) เพื่อทดสอบ:
document.write(new Date().getFullYear());กด Enter และคุณจะเห็นวันที่ปัจจุบันมุมซ้ายบนของหน้าต่างเบราว์เซอร์
คุณสามารถดูโค้ดทำงานในตัวอย่าง CodePen นี้ ดูที่หน้าต่างคอนโซล
ตอนนี้เรารู้ว่ามันทำงานได้ มานำโค้ด getFullYear() จากด้านบน มาห่ออยู่ใน HTML ฟุตเตอร์จากก่อนหน้า:
<span> ©<script>document.write(new Date().getFullYear());</script> Company Name </span>ผลลัพธ์:
ยินดีด้วย คุณไม่ต้องกังวลเรื่องการอัปเดต timestamp ปีอีกต่อไป JavaScript จะดูแลให้
แสดงปีลิขสิทธิ์ต้นฉบับและปีปัจจุบัน
บางครั้งคุณต้องการแสดงทั้งปีปัจจุบันและปีที่จดทะเบียนบริษัท อาจเป็นเพื่อเน้นปีของอ้างสิทธิบัตร ไม่มีปัญหา หากคุณต้องการปีเริ่มต้นเป็น 2016 ให้เพิ่ม 2016- เข้าไปในโค้ดด้านบน จะได้แบบนี้:
<span> © 2016-<script>document.write(new Date().getFullYear());</script> Company Name </span>