<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #clock{ width: 200px; margin: 100px; font-size: 50px; color: #0000FF; letter-spacing: 3px; text-shadow: 5px 5px 5px #; } </style> </head> <body> <div id="clock"> </div> <script> function showTime() { var now =new Date(); var hour = now.getHours(); var minute =now.getMinutes(); var second = now.getSeconds(); if(hour<10) hour="0"+hour; if(minute<10) minute ="0"+minute; if(second<10) second="0"+second; var time =hour + ":" + minute + ":" +second; document.getElementById("clock").innerHTML = time; } showTime(); setInterval(showTime,1000); </script> </body> </html>