Create a Digital Clock using HTML and JavaScript
<!DOCTYPE html>
<html>
<head>
<script>
function
startTime() {
var today =
new Date();
var h =
today.getHours();
var m =
today.getMinutes();
var s =
today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML
=
h + ":" + m + ":" + s;
var t =
setTimeout(startTime, 500);
}
function
checkTime(i) {
if (i <
10) {i = "0" + i}; // add zero in front of numbers
< 10
return i;
}
</script>
<style>
#txt{
color:white;
background-color:rgb(60,
60, 60);
padding:20px;
text-align: center;
margin: 60px;
}
</style>
</head>
<body onload="startTime()">
<div id="txt"> </div>
</body>
</html>
