0

我正在开发一个网站的仪表板,我要添加的最后一个功能是时钟。我有一个获取日期/时间、格式化并将其输出到时钟的基本功能,但我的setInterval功能在 Webkit 浏览器中不起作用。我试过用几种不同的方式重新安排它,但没有成功。

在 Webkit 中,如果我通过突出显示时钟文本或滚动等来强制它重新渲染,时钟将重新加载。

我的代码如下所示:

$(document).ready(function() {

    setInterval(function() {

        var time = new Date();

        var hour = time.getHours();
        var min = time.getMinutes();
        var sec = time.getSeconds();
        var amPm = (hour < 12 ? "AM" : "PM");

        hour = (hour <= 12 ? hour : hour - 12);
        min = (min < 10 ? "0" + min : min);
        sec = (sec < 10 ? "0" + sec : sec);

        var currentTime = (hour + " : " + min + " : " + sec + " " + amPm);

        $('#time').html(currentTime);


        var date = time.getDate();

        var month = time.getMonth();

        var year = time.getYear();

        year = year - 100;

        var todaysDate = (month + "/" + date + "/" + year);

        $('#date').html(todaysDate);


        var dayNum = time.getDay();

        var day = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");

        $('#day').html(day[dayNum]);


    }, 1000);

});​

它适用于 Firefox,但不适用于 Chrome 或 Safari。有谁知道为什么setInterval在 Webkit 中行为异常,修复方法是什么?

4

1 回答 1

0

事实证明,我的代码中有一些错误。一个是时间对象需要全局声明。此外,最好的语法是将整个内容包装到一个调用的函数中updateClock(),然后在该函数setInterval上使用,而不是()在函数之后

setInterval(updateClock, 1000);

祝你好运

于 2012-08-14T21:33:34.990 回答