Hàm javascript show thời gian hiện tại và có đếm giây
Dưới đây là hàm JavaScript hiển thị thời gian hiện tại với định dạng bạn yêu cầu và có khả năng đếm giây theo thời gian thực:
` function showCurrentTime() { const dayNames = ["Chủ Nhật", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"]; const monthNames = ["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"];
function formatTime() {
const now = new Date();
const dayName = dayNames[now.getDay()];
const day = now.getDate();
const month = now.getMonth() + 1; // Months are 0-based
const year = now.getFullYear();
const hours = now.getHours().toString().padStart(2, '0');
const minutes = now.getMinutes().toString().padStart(2, '0');
const seconds = now.getSeconds().toString().padStart(2, '0');
return `${dayName}, Ngày ${day}/${month}/${year} ${hours}:${minutes}:${seconds}`;
}
function updateTime() {
const timeElement = document.getElementById('current-time');
if (timeElement) {
timeElement.textContent = formatTime();
}
}
// Gọi cập nhật ngay lập tức và sau đó mỗi giây
updateTime();
setInterval(updateTime, 1000);
}
// Thêm vào HTML document.body.innerHTML += '
';// Khởi chạy hàm showCurrentTime(); `
Cách hoạt động:#
Hàm
formatTime(): Lấy thời gian hiện tại và định dạng lại thành chuỗi theo yêu cầu.Hàm
updateTime(): Cập nhật thời gian hiển thị trong phần tử HTML.setInterval: Cập nhật thời gian mỗi giây.
Cách triển khai:#
Copy đoạn mã trên và chèn vào file JavaScript hoặc thẻ
<script>trong HTML.Khi chạy, thời gian sẽ tự động hiển thị và đếm giây trong thời gian thực.
Bài liên quan trong # JavaScript
-
Cách tạo thông báo (notification) từ trình duyệt
minhdev -
Hàm chuyển tiêu đề tiếng việt thành URL bằng java script
minhu -
Ứng dụng ESLint để phát hiện lỗi và tối ưu hoá source code JavaScript trên VS
minhdev -
Hàm javascript load số tăng dần đẹp mắt như google analytics
minhu -
viết hàm java load kéo xuống đến đâu mới thực hiện hàm js load trang
minhu · 💬 1