/* * Name: Digital Clock * Type: Clock * Author: Arafat Hossain Ar * Date: 14/9/2020 */ window.addEventListener('load', (event) => { function digitalClock(){ time = new Date(); //Get times from date let hours = time.getHours(); let minutes = time.getMinutes(); let seconds = time.getSeconds(); let type = "AM"; //Conver to 12 if (hours === 0) { hours = 12; } if (hours > 12) { hours = hours - 12; type = "PM"; } //Put a 0 if time is less then 10 hours = (hours < 10) ? "0" + hours : hours; minutes = (minutes < 10) ? "0" + minutes : minutes; seconds = (seconds < 10) ? "0" + seconds : seconds; let days = [ "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" ]; //Get name day let day = days[time.getDay()]; //Get date let date = time.getDate(); let months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" ]; let month = months[time.getMonth()]; let year = time.getFullYear(); //Add everything to a var time = "" + day.toUpperCase() + "" + "
" + "" + hours + ":" + minutes + "" + "" + seconds + "" + "" + type + "" + "
" + "" + date + " " + month.toUpperCase() + " " + year + ""; //Add time to HTML doc document.querySelector("div").innerHTML = time; //Set interval of 1 sec setTimeout(digitalClock, 1000); } digitalClock(); alert("Thanks For Watching."); });

Digital Clock || ⬛Dark UI⬛