<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> </div> </nav> <div class="col-md-6 well"> <hr style="border-top:1px dottec #ccc;"> <div class="col-md-8"> <center> </center> </div> </div> </body> </html>
function generateTime(){ var date = new Date(); var hour = date.getHours(); var minute = date.getMinutes(); var seconds = date.getSeconds(); var day = "AM" if(hour == 0){ hour = 12; } if(hour > 12){ hour-=12; day = "PM" } hour = (hour < 10) ? "0" + hour : hour; minute = (minute < 10) ? "0" + minute : minute; seconds = (seconds < 10) ? "0" + seconds : seconds; var currentTime = hour + ":" + minute + ":" + seconds + " " + day; document.getElementById("displayClock").innerHTML = "<label style='font-size:60px; color:green; border:5px dotted #000; padding:20px;'>"+currentTime+"</label>"; setInterval(generateTime, 1000); }