TopDev

Hàm javascript show thời gian hiện tại và có đếm giây

minhu 📖 1 phút đọc

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

✓ Đã sao chép link