Nhận thời gian trong HTML

JavaScript là ngôn ngữ lập trình nhẹ được sử dụng cho World Wide Web. Đối tượng JavaScript

Demo: Current Date

0 rất hữu ích để kiểm tra ngày giờ khách truy cập vào trang web của bạn

Hướng dẫn này sẽ hướng dẫn bạn cách sử dụng JavaScript để lấy ngày và giờ hiện tại từ ứng dụng khách

điều kiện tiên quyết

• Quen thuộc với JavaScript [bao gồm tạo, lưu và chạy tập lệnh]
• Một trình soạn thảo văn bản để viết kịch bản
• Truy cập vào trình duyệt để mở tệp HTML

Tạo đối tượng ngày trong JavaScript

Đối tượng JavaScript

Demo: Current Date

1 hữu ích khi làm việc với ngày tháng. Để tạo một đối tượng mới với ngày và giờ hiện tại, hãy thêm đối tượng vào tập lệnh của bạn

Demo: Current Date

Lưu mã vào một. html và mở bằng trình duyệt của bạn

Đối tượng hiển thị ngày, giờ và múi giờ hiện tại

Dưới đây là các phương pháp để lấy các phần tử ngày và giờ riêng lẻ

Sử dụng phương thức Get để hiển thị ngày hiện tại trong JavaScript

Nếu bạn muốn lấy ngày ở định dạng YYYY-MM-DD, hãy tạo một tài liệu HTML và thêm đoạn mã sau

Demo: Current Date

Dòng thứ hai trong tập lệnh bao gồm các hướng dẫn sau

• 
  
  
  
  Demo: Current Date
  
  
  
  

  2 – Sử dụng biến hôm nay để hiển thị năm có 4 chữ số

• 
  
  
  
  Demo: Current Date
  
  
  
  

  3 – Hiển thị tháng số. +1 chuyển đổi tháng từ kỹ thuật số [0-11] sang bình thường

• 
  
  
  
  Demo: Current Date
  
  
  
  

  4 – Hiển thị số ngày trong tháng

Nếu bạn thích một định dạng khác, chỉ cần thay đổi thứ tự của các lệnh

Ghi chú. Có một dấu gạch ngang giữa mỗi lệnh. Điều này tạo ra một dấu gạch ngang giữa mỗi phân đoạn của ngày

Hiển thị Giờ, Phút và Giây bằng JavaScript

Để hiển thị thời gian trong HH. MM. Định dạng SS, chỉnh sửa tập lệnh của bạn để trông như sau

Demo: Current Date

• 
  
  
  
  Demo: Current Date
  
  
  
  

  5 – Điều này sử dụng biến hôm nay để hiển thị giờ hiện tại. Cái này sử dụng đồng hồ 24 giờ

• 
  
  
  
  Demo: Current Date
  
  
  
  

  0 – Hiển thị số phút hiện tại

• 
  
  
  
  Demo: Current Date
  
  
  
  

  1 – Hiển thị số giây hiện tại

Ghi chú. Có dấu hai chấm giữa mỗi câu lệnh. Điều này đặt một dấu hai chấm giữa mỗi màn hình số để nó đọc giống như một chiếc đồng hồ

Hiển thị đầy đủ ngày và giờ hiện tại trong JavaScript

Kết hợp hai lệnh để hiển thị đầy đủ ngày và giờ trong YYYY-MM-DD và HH. MM. định dạng SS. Chỉnh sửa kịch bản của bạn như sau

Demo: Current Date

Dòng cuối cùng kết hợp hai đoạn mã khác. Điều này hướng dẫn hệ thống hiển thị ngày đầy đủ bên cạnh toàn thời gian

Phần kết luận

Bây giờ bạn có thể viết một đoạn JavaScript đơn giản để truy xuất ngày giờ hiện tại. Điều này có thể hữu ích để tạo dấu thời gian, bằng cách liên kết tập lệnh này với một hành động và ghi nó vào tệp nhật ký

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn giải pháp hiển thị ngày và giờ hiện tại trong HTML bằng cách sử dụng JavaScript, vì ngày và giờ là một khía cạnh không thể thiếu trong cuộc sống hàng ngày của chúng ta, chúng đóng một vai trò quan trọng trong lập trình máy tính

Bạn có thể cần xây dựng một trang web có lịch, thời gian biểu đường sắt hoặc giao diện để lên lịch các cuộc hẹn bằng JavaScript

Các ứng dụng này phải hiển thị thời gian phù hợp dựa trên múi giờ hiện tại của người dùng hoặc tính toán thời gian đến và đi, cũng như thời gian bắt đầu và kết thúc

Bạn cũng có thể cần sử dụng JavaScript để tạo báo cáo vào một thời điểm cụ thể mỗi ngày hoặc để lọc qua các nhà hàng và cơ sở hiện đang hoạt động

Đối tượng Date tích hợp và các phương thức liên quan trong JavaScript giúp bạn đạt được tất cả các mục tiêu này và hơn thế nữa. Định dạng và cách sử dụng ngày và giờ trong JavaScript sẽ được đề cập trong hướng dẫn này

Hướng dẫn từng bước về hiển thị ngày và giờ hiện tại trong HTML bằng Javascript. -

Tạo một đối tượng ngày

var today = new Date[];

1. Khi làm việc với ngày tháng, đối tượng Date trong JavaScript rất hữu ích. Đặt biến Ngày vào tập lệnh của bạn để tạo một đối tượng mới với ngày và giờ hiện tại

Để hiển thị ngày hiện tại trong JavaScript, hãy sử dụng phương thức Get

var time = new Date[];
var date = time.getFullYear[]+'-'+[time.getMonth[]+1]+'-'+time.getDate[];

1. Để có được ngày ở định dạng YYYY-MM-DD, hãy cập nhật kiểm tra ngày. html và thêm biến
2. Các hướng dẫn trên dòng thứ hai như sau. ngày tháng. getFullYear[] – Sử dụng biến hôm nay để hiển thị năm có 4 chữ số
3. ngày tháng. getMonth[]+1 – Cung cấp đầu ra dưới dạng tháng số – +1 chuyển đổi tháng từ số [0-11] sang bình thường
4. ngày tháng. getDate[] – Cho đầu ra là ngày số trong tháng
5. Thay đổi trình tự của các lệnh nếu bạn muốn một sự sắp xếp khác

Sử dụng JavaScript, hiển thị giờ, phút và giây

________số 8

1. Chỉnh sửa tập lệnh của bạn để trông như thế này để hiển thị thời gian trong HH. MM. định dạng SS
2. thời gian. getHours[] – Điều này sử dụng biến hôm nay để hiển thị giờ hiện tại. Cái này sử dụng đồng hồ 24 giờ
3. thời gian. getMinutes[] – Hiển thị số phút hiện tại
4. thời gian. getSeconds[] – Hiển thị số giây hiện tại

Hiển thị ngày và giờ hiện tại ở định dạng đầy đủ

var time = new Date[];
var date = time.getFullYear[]+'-'+[time.getMonth[]+1]+'-'+time.getDate[];
var today= time.getHours[] + ":" + time.getMinutes[] + ":" + time.getSeconds[];
var dateTime = date+' '+time;

1. Để hiển thị toàn bộ ngày và giờ trong YYYY-MM-DD và HH. MM. định dạng SS, kết hợp hai hướng dẫn. Thực hiện các thay đổi sau đối với tập lệnh của bạn
2. Dòng cuối cùng nối hai bit mã lại với nhau. Điều này báo cho hệ thống hiển thị toàn bộ ngày cùng với thời gian hoàn chỉnh

Phần kết luận. -

Bây giờ bạn có thể truy xuất ngày và giờ hiện tại bằng cách sử dụng JavaScript đơn giản. Bằng cách buộc tập lệnh này vào một hành động và ghi nó vào tệp nhật ký, nó có thể được sử dụng để tạo dấu thời gian

Biết cách làm việc với ngày tháng rất quan trọng đối với nhiều tác vụ JavaScript cơ bản, vì nó cho phép bạn thực hiện mọi thứ từ thiết lập báo cáo lặp lại đến hiển thị ngày tháng và lịch trình theo múi giờ thích hợp

Làm cách nào để lấy thời gian trong HTML?

Làm cách nào để lấy thời gian và ngày tháng trong HTML?

Yếu tố thời gian trong HTML là gì?