Sunday, August 27, 2017

Free Real Time Digital Clock For Website

August 27, 2017 Tags:

Get Free Awesome clock with source code and full customization guide Free Awesome CSS Buttons according to your need and display a clock which will be showing the local time of the client computer by using JavaScript.

Preview



The Time
12:00:23 PM


Note that this time displayed is taken from user computer and not from the server.

Source Code




<html>
    <head>
     <link href="https://fonts.googleapis.com/css?family=Josefin

+Sans" rel="stylesheet"></link>
        <title>The Time</title>
        <script type="text/javascript">
  function mytime()
   {
   var d=new Date();
   ap="AM";
   h=d.getHours();
   m=d.getMinutes();
   s=d.getSeconds();
   if (h>11) { ap = "PM"; }
   if (h>12) { h = h-12; }
   if (h==0) { h = 12; }
   if (m<10) { m = "0" + m; }
   if (s<10) { s = "0" + s; }
   document.getElementById('timehere').innerHTML=h + ":" + m + 

":" + s + " " + ap;
   t=setTimeout('mytime()',500);
   }
        </script>
    
    <style>
        #timehere {font-size: 50px;font-family: Josefin Sans;
        
        
        }
        </style>
    
    </head>

    
    <body onload="mytime()">
    <div style="text-align: center;">
    <div class="timeline">
<span id="timehere">(you must have JavaScript enabled
    to see the time)</span></div>
</div>
</body>
</html>
Nisar

Related Posts