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ả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
Document
Time is
2
Document
Time is
3____14
Document
Time is
5
Document
Time is
6
Document
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
Document
Time is
21
Document
Time is
5
Document
Time is
23
Document
Time is
24 `use strict`
var datetime = new Date[];
console.log[datetime];
document.getElementById["time"].textContent = datetime; //it will print on html page
0
Document
Time is
26
Document
Time is
21
Document
Time is
5
Document
Time is
26
Document
Time is
8
Document
Time is
5
Document
Time is
6
Document
Time is
3
Document
Time is
34
Document
Time is
35
Document
Time is
36
Document
Time is
37
Document
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
Document
Time is
42
Document
Time is
43
Document
Time is
42
Document
Time is
5
Document
Time is
6 `use strict`
var datetime = new Date[];
console.log[datetime];
document.getElementById["time"].textContent = datetime; //it will print on html page
0
Document
Time is
3
Document
Time is
49
Document
Time is
5
Document
Time is
23
Document
Time is
52____153
Document
Time is
54 `use strict`
var datetime = new Date[];
console.log[datetime];
document.getElementById["time"].textContent = datetime; //it will print on html page
0
Document
Time is
26
Document
Time is
49
Document
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
Document
Time is
3____162____163
Document
Time is
23
Document
Time is
3
Document
Time is
66
Document
Time is
67
Document
Time is
36
Document
Time is
69
Document
Time is
5
Document
Time is
31
Document
Time is
32
Document
Time is
23
Document
Time is
26
Document
Time is
66
Document
Time is
5 `use strict`
var datetime = new Date[];
console.log[datetime];
document.getElementById["time"].textContent = datetime; //it will print on html page
0
Document
Time is
26
Document
Time is
62
Document
Time is
5
Document
Time is
6
Document
Time is
26
Document
Time is
34
Document
Time is
5
Document
Time is
6
Document
Time is
26
Document
Time is
4
Document
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 đổiMục lục
- Đối tượng ngày JavaScript + mã HTML, JS
- Cập nhật ngày và giờ theo thời gian thực
- Phương pháp để có được ngày và thời gian
- 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, JSHà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
Document
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 Độ]
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[]
Document
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