Admission Enquiry Form

Digital Clock in JavaScript

Code of Digital Clock in JavaScript<html>

<head>

<title>Digital Clock</title>

<script>

var timer;

function displayClock()

{

x=document.getElementById("digiclock");

var date=new Date();

var hours=date.getHours();

var minutes=date.getMinutes();

var seconds=date.getSeconds();

x.innerHTML=" " + hours + " : " + minutes + " : " + seconds;

timer=setTimeout(displayClock,1000);

}//end of functions

function stopClock()

{

var x=confirm("Are you sure you want to stop Clock ?");

if(x)

{

clearTimeout(timer);

}

}

</script>

</head>

<body>

<div style="background-color: green;width: fit-content; padding: 10px; border-radius: 8px;">

<h1 style="color: azure; border-bottom: azure solid;  ">Use of Digital Clcok</h1>

<div style="background-color: yellowgreen; width:90%; border-radius: 8px; padding: 10px;">

<h1 id="digiclock" style="text-align: center;"></h1>

<button onClick="displayClock()" style="background-color: green; color: azure; padding: 8px; border-radius: 8px; width: 90%;border:solid #000;">Start clock</button>

<button onClick="stopClock()" style="background-color: green; color: azure; padding: 8px; border-radius: 8px; width: 90%;border:solid #000;">Stop clock</button>

</div>

</div>

</body>

</html>

Output:

Digital Clock

Java Script

JavaScript Tutorial

Admission Enquiry Form

Digital Clock in JavaScript

Code of Digital Clock in JavaScript

Output:

Use of Digital Clcok