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

Javascript
ihoan đã viết 3 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.

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

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