Thuộc tính ngày giờ HTML

Cải thiện bài viết

Lưu bài viết

Thích bài viết

• Cập nhật lần cuối. 19 tháng 7 năm 2022

Đọc

Bàn luận

khóa học

Luyện tập

Băng hình

Cải thiện bài viết

Lưu bài viết

Thuộc tính
Cú pháp.
 

Giá trị thuộc tính. Thuộc tính này chứa một giá trị YYYY-MM-DDThh. mm. ssTZD được sử dụng để chỉ định ngày và giờ khi văn bản bị xóa.
Giải thích về các thành phần ngày giờ được liệt kê bên dưới.
 

• YYYY. Nó đặt năm của đối tượng datetime (e. g. 2009)
• MM. Nó đặt tháng của đối tượng datetime (e. g. 05 cho tháng 3)
• ĐĐ. Nó thiết lập ngày tháng của đối tượng datetime (e. g. 04)
• T. Nó là dấu phân cách bắt buộc
• hh. Nó đặt giờ của đối tượng datetime (e. g. 18 cho 06. 00 tối)
• mm. Nó đặt số phút của đối tượng datetime (e. g. 34)
• ss. Nó đặt giây của đối tượng datetime (e. g. 40)
• TZD. Công cụ chỉ định múi giờ (Z biểu thị Zulu, còn được gọi là Giờ chuẩn Greenwich)

Ví dụ.
 

html

 Time is  

2

 Time is  

3____14

 Time is  

5

 Time is  

6

 Time is  

3____18____15

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0____13

 Time is  

21

 Time is  

5

 Time is  

23

 Time is  

24

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 Time is  

26

 Time is  

21

 Time is  

5

 Time is  

26

 Time is  

8

 Time is  

5

 Time is  

6

 Time is  

3

 Time is  

34

 Time is  

35

 Time is  

36

 Time is  

37

 Time is  

5

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0______13

 Time is  

42

 Time is  

43

 Time is  

42

 Time is  

5

 Time is  

6

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 Time is  

3

 Time is  

49

 Time is  

5

 Time is  

23

 Time is  

52____153

 Time is  

54

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 Time is  

26

 Time is  

49

 Time is  

5

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 

 Time is  

3____162____163

 Time is  

23

 Time is  

3

 Time is  

66

 Time is  

67

 Time is  

36

 Time is  

69

 Time is  

5

 Time is  

31

 Time is  

32

 Time is  

23

 Time is  

26

 Time is  

66

 Time is  

5

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0

 Time is  

26

 Time is  

62

 Time is  

5

 

 Time is  

6

 Time is  

26

 Time is  

34

 Time is  

5

 Time is  

6

 Time is  

26

 Time is  

4

 Time is  

5

Đầu ra.
 

Trình duyệt được hỗ trợ. Trình duyệt được hỗ trợ bởi Thuộc tính HTML
 

• Google Chrome 62 trở lên
• Cạnh 18 trở lên
• Firefox 22 trở lên
• Opera 49 trở lên
• Safari7 trở lên
• Internet Explorer không được hỗ trợ

 

Ghi chú cá nhân của tôi arrow_drop_up

Tiết kiệm

Vui lòng Đăng nhập để nhận xét.

Trong bài viết này, chúng tôi đã trình bày mã HTML và JavaScript để hiển thị ngày và giờ trực tiếp trên trang HTML. Đối tượng ngày Javascript và phần tử span HTML có thể được sử dụng để hiển thị ngày và giờ hiện tại. Theo mặc định, Javascript sử dụng múi giờ của trình duyệt để hiển thị thời gian và ngày tháng

Thời Gian Trực Tiếp bây giờ là. Ghi chú. Thời gian trên tiếp tục thay đổi

Mục lục

1. Đối tượng ngày JavaScript + mã HTML, JS
2. Cập nhật ngày và giờ theo thời gian thực
3. Phương pháp để có được ngày và thời gian
4. Tóm lược

Hãy để chúng tôi bắt đầu với Hiển thị ngày và giờ trực tiếp trên trang HTML

Đối tượng ngày JavaScript + mã HTML, JS

Hàm tạo Date() mới được sử dụng để tạo đối tượng ngày. Ngày và giờ hiện tại được lưu trữ bên trong biến javascript

Sau đó, sử dụng thuộc tính TextContent, nội dung của phần tử nhịp HTML được đặt theo hiện tại và thời gian. ID duy nhất được cấp cho thẻ span để chúng ta có thể sử dụng nó trên phương thức getElementById() để hiển thị ngày và giờ hiện tại

MÃ HTML

 Time is  

Mã JavaScript

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

Bản trình diễn
Ngày và giờ là Thứ năm Ngày 30 tháng 9 năm 2021 10. 43. 14 GMT+0530 (Giờ chuẩn Ấn Độ)

Cập nhật ngày và giờ theo thời gian thực

Sau đây là mã để cập nhật ngày và giờ theo thời gian thực trong một khoảng thời gian nhất định

________ 3 Phương thức lấy ngày giờ

• Ngày. nguyên mẫu. hẹn gặp()

Nó trả về ngày trong tháng từ 1 - 31 theo múi giờ địa phương

Sử dụng getdate()

 `use strict`
var datetime = new Date().getDate();
console.log(datetime); // it will represent date in the console of developers tool
document.getElementById("time").textContent = datetime; //it will print on html page

• Ngày. nguyên mẫu. ngày mới()

  Nó trả về ngày trong tuần (0–6) cho ngày cụ thể theo múi giờ địa phương

Sử dụng getday()

`use strict`
var datetime = new Date().getDay();
console.log(datetime); // it will represent date in the console of developers tool
document.getElementById("time").textContent = datetime; //it will print on html page

• Ngày. nguyên mẫu. getFullYear()

  Nó trả về năm của ngày được chỉ định theo múi giờ địa phương

Sử dụng getFullYear()

 `use strict`
var datetime = new Date().getFullYear();
console.log(datetime); // it will represent date in the console of developers tool
document.getElementById("time").textContent = datetime; //it will print on html page

• Ngày. nguyên mẫu. getHours().
  Nó sẽ trả về giờ (0-23) theo múi giờ địa phương cụ thể.

  Sử dụng getHours()

  
  `use strict`
  var datetime = new Date().getHours()+1;
  console.log(datetime); // it will represent date in the console of developers tool
  document.getElementById("time").textContent = datetime; // represent on webbrowser
  
  

• Ngày. nguyên mẫu. getMilliseconds().
  Nó sẽ trả về mili giây trong khoảng từ 0-999 trong ngày đã chỉ định theo múi giờ địa phương

Sử dụng getMilliseconds()

________số 8

• Ngày. nguyên mẫu. getMonth().
  Nó sẽ trả về tháng từ 0-11 của ngày đã chỉ định theo múi giờ địa phương. để nhận được tháng từ 1 - 12, Bạn phải thêm 1.

Sử dụng getmonth()

`use strict`
var datetime = new Date().getMonth() + 1;
console.log(datetime); // it will represent date in the console of  developers tool
document.getElementById("time").textContent = datetime; // represent on html page

• Ngày. nguyên mẫu. toDateString().
  Nó sẽ trả về phần "ngày" của Ngày dưới dạng chuỗi mà con người có thể đọc được như Fri ngày 01 tháng 10 năm 2021

Sử dụng toDateString()

 Time is  

0

• Ngày. nguyên mẫu. toLocaleTimeString().
  Nó sẽ trả về một chuỗi có đại diện nhạy cảm theo địa phương về phần thời gian của ngày này, dựa trên cài đặt hệ thống. Nó sẽ trả về chuỗi như
  12. 42. 15 giờ sáng

 `use strict`
var datetime = new Date();
console.log(datetime);
document.getElementById("time").textContent = datetime; //it will print on html page

0Tóm tắt

• Ngày và giờ được tạo trong JavaScript được biểu diễn bằng đối tượng Date
• Chúng tôi không thể tạo "chỉ ngày" hoặc "chỉ thời gian"
• Tháng được tính từ số không. Vì vậy, Januaruy là tháng không để có tháng chính xác thêm một
• Các ngày trong tuần trong getDay() cũng được tính từ 0. Vì vậy, Chủ nhật là ngày không để ngày chính xác thêm một
• Ngày có thể được trừ đi, đưa ra sự khác biệt của chúng tính bằng mili giây. Đó là bởi vì Ngày trở thành dấu thời gian khi được chuyển đổi thành số
• Ngày sử dụng. now() để lấy nhanh dấu thời gian hiện tại

Với bài viết này tại OpenGenus, bạn phải có ý tưởng hoàn chỉnh về Hiển thị ngày và giờ trực tiếp trên trang HTML