Trong hướng dẫn này, bạn sẽ học cách hiển thị ngày và giờ hệ thống hiện tại trong HTML bằng JavaScript

Sẽ lấy một ví dụ để hiển thị Ngày và Giờ hiện tại trong thẻ html H2 bằng cách sử dụng tài liệu javascript. getElementById(“ID”). bên trongHTML. Cũng như hiển thị tên ngày hiện tại

Mã JavaScript để hiển thị ngày và giờ hệ thống hiện tại

Mã JavaScript

  var today = new Date();
  var day = today.getDay();
  var daylist = ["Sunday","Monday","Tuesday","Wednesday ","Thursday","Friday","Saturday"];
  var date = today.getFullYear()+'-'+(today.getMonth()+1)+'-'+today.getDate();
  var time = today.getHours() + ":" + today.getMinutes() + ":" + today.getSeconds();
  var dateTime = date+' '+time;

  document.getElementById("displayDateTime").innerHTML = dateTime + ' 
 Day :- ' + daylist[day];

Mã nguồn HTML với JavaScript

  


  
Get current date using JavaScript.

  


  

Bạn có thể tìm hiểu thêm về các phương thức ngày giờ trong JavaScript

Nhận ngày và giờ hiện tại trong JavaScript

Sử dụng phương thức Date() để tạo một đối tượng trong JavaScript với ngày và giờ hiện tại. Điều này cung cấp đầu ra trong múi giờ UTC

var today = new Date();

1. Ngày hiện tại trong JavaScript

Sử dụng tập lệnh sau để lấy ngày và giờ hiện tại bằng JavaScript trong “Y-m-d H. i. định dạng s. Bạn có thể chỉ cần kết hợp đầu ra của mã JavaScript ở trên trong một biến như bên dưới

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

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

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. getFullYear() – Sử dụng biến hôm nay để hiển thị năm có 4 chữ số
3. ngày. 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. 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

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 đủ

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