Code lịch hiển thị thời gian ngày tháng hiện tại bằng Javascript

Javascript
ihoan đã viết 11 tháng trước

Với đoạn code javascript này, giúp bạn hiển thị thời gian hiện tại gồm (giờ, phút, giây và ngày, tháng, năm) đầy đủ, có thể áp dụng để làm một cái lịch cho website.

<div>
<div id="days"></div>
<div id="dates"></div>
<div id="times"></div>
</div>

HTML hiển thị nội dung của lịch.

<script>
window.onload = setInterval(clock,1000);
function clock()
{
var d = new Date();
var date = d.getDate();
var month = d.getMonth();
var montharr =["Tháng 1","Tháng 2","tháng 3","Tháng 4","Tháng 5","Tháng 6","Tháng 7","Tháng 8","Tháng 9","Tháng 10","tháng 11","Tháng 12"];
month=montharr[month];
var year = d.getFullYear();
var day = d.getDay();
var dayarr =["Chủ Nhật","Thứ 2","Thứ 3","Thứ 4","Thứ 5","Thứ 6","Thứ 7"];
day=dayarr[day];
var hour =d.getHours();
var min = d.getMinutes();
var sec = d.getSeconds();
document.getElementById("days").innerHTML=day;
document.getElementById("dates").innerHTML=date+" "+month+" "+year;
document.getElementById("times").innerHTML=hour+":"+min+":"+sec;
}
</script>

Javascript xử lý và đẩy nội dung lịch vào HTML.

882
Bài viết cùng chủ đề

Nhập vào input hiển thị số dạng rút ngắn theo đơn vị

Cách để tạo một Modal, Popup bằng HTML, CSS, JS cơ bản

Tạo hộp thời tiết bằng API openweathermap code Javascript

Bộ lọc select chọn Tỉnh Thành, Quận huyện, Xã phường, sử dụng data-id