Tự động cập nhật năm hiện tại trong chân trang của bạn là một trong những điều dễ thực hiện nhất. Rất tiếc, nhiều chủ sở hữu trang web không biết rằng việc hiển thị năm hiện tại là quan trọng, cả vì lý do bản quyền và để cho người dùng biết rằng trang web của họ đã được cập nhật.
Đây là cách HTML hiển thị trong chân trang trên hầu hết các trang web cũ hơn và thậm chí trên một số trang web hiện đại:
<span>© 2018 Company Name</span>- Khiếu nại về bản quyền sử dụng biểu tượng ©.
- Năm hiện tại.
- Tên công ty.
Bằng cách sử dụng phương pháp tiếp cận dấu thời gian tĩnh này, chủ sở hữu trang web phải chỉnh sửa thủ công năm hiển thị, hàng năm. Điều này là không thực tế.
Khác xa với tất cả các trang web đều có Bảng điều khiển giao diện người dùng thân thiện với người dùng, dễ dàng truy cập để chỉnh sửa thông tin chân trang của họ. Vì vậy, chủ sở hữu trang web phải tự chỉnh sửa các tệp HTML của mình hoặc thuê ai đó làm việc đó.
Điều này gây lãng phí thời gian và tài nguyên.
Dấu thời gian lỗi thời có thể ảnh hưởng đến thương hiệu của bạn
Thật không may, bằng cách không hiển thị năm hiện tại, nó làm cho trang web của bạn trông lỗi thời - ngay cả khi không phải vậy. Nếu bạn truy cập một trang web vào ngày hôm nay, nhưng năm hiện tại của trang web lại là 2015, điều đó tạo nên bạn nghĩ gì?
Một cách chính xác. Nó khiến bạn tự hỏi liệu trang web có còn hoạt động hay không.
Sau ngày hôm nay, bạn sẽ không bao giờ phải lo lắng về vấn đề này trên trang web của chính mình hoặc bất kỳ trang web nào của khách hàng của bạn.
Hiển thị năm hiện tại bằng phương thức getFullYear () của JavaScript
Thay vì sử dụng dấu thời gian tĩnh mà bạn đã thấy trong HTML ở trên, hãy làm cho nó động bằng cách thêm phương thức ngày JavaScript gốc, getFullYear(): đến chân trang của chúng tôi.
Trước tiên, hãy thêm mã sau vào bảng điều khiển trình duyệt của bạn (hoặc bất kỳ trình soạn thảo văn bản nào có bảng điều khiển) để chúng tôi có thể kiểm tra nó:
document.write(new Date().getFullYear());Nhấn enter và bạn sẽ thấy ngày hiện tại ở góc trên cùng bên trái của cửa sổ trình duyệt của mình.
Bạn có thể thấy mã trong chức năng bên trong ví dụ CodePen này. Nhìn vào cửa sổ bảng điều khiển.
Bây giờ chúng ta biết nó hoạt động, hãy lấy getFullYear() mã từ bên trên và bọc nó bên trong HTML chân trang của chúng tôi từ trước đó:
<span>
©<script>document.write(new Date().getFullYear());</script> Company Name
</span>Kết quả:
Xin chúc mừng, bạn không còn phải lo lắng về việc cập nhật dấu thời gian trong năm của mình, JavaScript sẽ tiếp quản từ đây.
Hiển thị năm bản quyền gốc và năm hiện tại
Đôi khi bạn muốn hiển thị cả năm hiện tại và năm bạn đã đăng ký công ty của mình. Điều này có thể là để đánh dấu năm khiếu nại về bản quyền của bạn. Không thành vấn đề. Nếu bạn muốn năm bắt đầu của mình là 2016, chỉ cần thêm 2016- mã ở trên, vì vậy nó trông giống như sau:
<span>
© 2016-<script>document.write(new Date().getFullYear());</script> Company
Name
</span>