Change javascript code to jquery code, How is it?
<p>I want change following javascript code to jquery code, How is it?</p>

<p>With done change <code>hourOffset</code> in date <code>3, 21</code> and <code>9, 22</code>.</p>

<p><strong>DEMO:</strong> <a href="http://jsfiddle.net/zJRDC/" rel="nofollow">http://jsfiddle.net/zJRDC/</a></p>

<pre><code>&lt;script type="text/javascript"&gt;
    var interval = self.setInterval("clock()", 1000);
    function clock() {
        var date = new Date();
        var hourOffset = 3;
        date.setUTCHours(date.getUTCHours(), date.getUTCMinutes());
        var time = date.getTime();
        date.setUTCFullYear(date.getUTCFullYear(), 3, 21);
        var dstStart = date.getTime();
        date.setUTCFullYear(date.getUTCFullYear(), 9, 22);
        var dstEnd = date.getTime();
        if (time &gt; dstStart &amp;&amp; time &lt; dstEnd){ hourOffset = 4;}
        date.setUTCHours(date.getUTCHours() + hourOffset, date.getUTCMinutes() + 30);
        var output = date.getUTCHours() + ":" + date.getUTCMinutes() + ":" + date.getUTCSeconds();
        document.getElementById("clock").innerHTML = output
    }
    &lt;/script&gt;
&lt;div id="clock"&gt;&lt;/div&gt;​
</code></pre>
