How To Create jQuery Clock ...

In this tutorial you will know how to add local time or some other time zone rime, you need to include the javascript file along with jquery which is the only dependency.

 
<script src="http://plugins.jquery.com/files/jquery.jclock-1.2.0.js.txt" type="text/javascript"></script>
 

You can add this code to show the clock on your website:

 
<script type="text/javascript">
$(function($) {
    $(.jclock).jclock();
});
</script>
 

 
<div class="jclock"></div>

You can add some styling by using this code:

<script type="text/javascript">
$(function($) {
   var options = {
        timeNotation: 12h,
        am_pm: true,
        fontFamily: Verdana, Times New Roman,
        fontSize: 20px,
        foreground: yellow,
        background: ared
      };
   $(.jclock).jclock(options);
});
</script>

 <div class="jclock"></div

You can add  India time (using UTC offset):

 
<script type="text/javascript">
$(function($) {
    var options={
        utc: true,
        utc_offset: 5.5
      };
    $(.jclock).jclock(options);
});
</script>
 

 
<div class="jclock"></div>
 

India Time:15:45:19

 Original Source: