javascript - 将javascript代码改为jquery代码，怎么样？

Question

我想将下面的 javascript 代码更改为 jquery 代码，怎么样？

完成日期 3, 21 和 9, 22 中的 hourOffset 更改。

演示: http://jsfiddle.net/zJRDC/

<script type="text/javascript">
    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 > dstStart && time < dstEnd){ hourOffset = 4;}
        date.setUTCHours(date.getUTCHours() + hourOffset, date.getUTCMinutes() + 30);
        var output = date.getUTCHours() + ":" + date.getUTCMinutes() + ":" + date.getUTCSeconds();
        document.getElementById("clock").innerHTML = output
    }
    </script>
<div id="clock"></div>​

Answer 1

其中有一行恰好可以应用 jQuery:

document.getElementById("clock").innerHTML = output

使用 jQuery 可以实现

$("#clock").html(output);

使用 $查找该元素，其中包括 bug in getElementById in earlier versions of IE 的解决方法，然后使用html在元素上设置标记的方法(这非常类似于设置 innerHTML - 不过，在某些情况下对有问题的位有一些解决方法；它们可能不适用于此特定代码)。

<小时/>

请注意，jQuery 只是一个用 JavaScript 编写的框架。它消除了一些处理 DOM 的浏览器差异，并提供了许多方便的实用功能，但它并不是独立于 JavaScript 的东西。您编写 JavaScript 代码，并且可以选择在其中使用 jQuery(就像任何其他库一样)。