Scribd
Upload
30 views3 pages

digital clock code

Html code to create a clock

Uploaded by

sunny
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
30 views3 pages

digital clock code

Html code to create a clock

Uploaded by

sunny
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

<!

DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content=

"width=device-width, initial-scale=1.0">

<title>Digital Clock</title>

<link rel="stylesheet" href="clock2.css">

</head>

<body>

<div id="clock">8:10:45</div>

<script src="clock2.js"></script>

</body>

</html>

#clock {

font-size: 175px;

width: 900px;
margin: 200px;

text-align: center;

border: 2px solid black;

border-radius: 20px;

setInterval(showTime, 1000);

function showTime() {

let time = new Date();

let hour = time.getHours();

let min = time.getMinutes();

let sec = time.getSeconds();

am_pm = "AM";

if (hour > 12) {

hour -= 12;

am_pm = "PM";

if (hour == 0) {
hr = 12;

am_pm = "AM";

hour = hour < 10 ? "0" + hour : hour;

min = min < 10 ? "0" + min : min;

sec = sec < 10 ? "0" + sec : sec;

let currentTime = hour + ":"

+ min + ":" + sec + am_pm;

document.getElementById("clock")

.innerHTML = currentTime;

showTime();

You might also like