jQuery Based Analog And Digital World Clock – jClocksGMT.js

Live Demo

How to Use

<link rel="stylesheet" href="css/jClocksGMT.css">
<div id="clock_hou"></div>
<div id="clock_india"></div>
<div id="clock_korea"></div>
<div id="clock_uk"></div>
<div id="clock_tokyo"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jClocksGMT.js"></script>
<script src="js/jquery.rotate.js"></script>
<script>
    $(document).ready(function () {

        $('#clock_hou').jClocksGMT({
            title: 'Houston, TX, USA',
            offset: '-6'
        });

        $('#clock_india').jClocksGMT({
            title: 'New Delhi, India',
            offset: '+5.5',
            dst: false,
            skin: 2,
            timeformat: 'HH:mm'
        });

        $('#clock_korea').jClocksGMT({
            title: 'Seoul, S. Korea',
            offset: '+8',
            skin: 3,
            date: true
        });

        $('#clock_uk').jClocksGMT({
            date: true,
            dateformat: 'YYYY/MM/DD',
            skin: 4
        });

        $('#clock_tokyo').jClocksGMT({
            title: 'Tokyo, Japan',
            offset: '+9',
            skin: 5
        });

    });
</script>

Source Code

Download

For more Advanced Usages, please check the demo page or visit the official website.