⏱️Create A Digital Clock⌚

clockfun();
function clockfun(){
    let date=new Date();

    let hours=date.getHours();

    let mediterian="AM";
    if(hours>12){
        mediterian="PM";
    }

    if(hours>12){
        hours=hours%12;
    }
    else{
        hours=12;
    }
    hours=hours.toString().padStart(2,'0');
    let minites=date.getMinutes().toString().padStart(2,'0');
    let seconds=date.getSeconds().toString().padStart(2,'0');

    document.getElementById("digitalclock").innerHTML=`${hours}:${minites}:${seconds} ${mediterian}`;


}
setInterval(clockfun,1000);

function clockfun() {
    const date = new Date();

    let hours = date.getHours();
    const minutes = date.getMinutes().toString().padStart(2, '0');
    const seconds = date.getSeconds().toString().padStart(2, '0');

    const period = hours >= 12 ? 'PM' : 'AM';
    hours = hours % 12 || 12;  // Converts 0 to 12 for 12 AM/PM
    const formattedHours = hours.toString().padStart(2, '0');

    document.getElementById("digitalclock").innerHTML = `${formattedHours}:${minutes}:${seconds} ${period}`;

    // Call clockfun again after 1 second (1000 milliseconds)
    setTimeout(clockfun, 1000);
}

// Initialize the clock immediately on page load
clockfun();