Hướng dẫn tạo đồng hồ đơn giản bằng Javascript kết hợp HTML

Hôm nay, tôi sẽ chia sẻ tới mọi người cách tạo một đồng hồ đơn giản bằng Javascript kết hợp với HTML.

Đoạn code Javascript

Đoạn code dưới đây sẽ tạo ra đồng hồ chạy tự động, cập nhật mỗi giây:

function Clock() {
  var today = new Date();
  var date = today.getDate() + '-' + (today.getMonth() + 1) + '-' + today.getFullYear();
  var time = today.getHours() + ':' + today.getMinutes() + ':' + today.getSeconds();
  var dateTime = date + ' ' + time;
  document.getElementById('current-time').innerHTML = dateTime;
}
setInterval(Clock, 1000);

Đoạn mã HTML

Tiếp theo, đặt đoạn HTML sau vào bất cứ nơi nào bạn muốn hiển thị đồng hồ trên trang web:

<div id="current-time"></div>

Như vậy là đã xong rồi các bạn nhé. Nếu có thắc mắc gì, hãy để lại nhận xét ở cuối bài viết để chúng ta cùng trao đổi.