我正在开发一个网站的仪表板,我要添加的最后一个功能是时钟。我有一个获取日期/时间、格式化并将其输出到时钟的基本功能,但我的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 中行为异常,修复方法是什么?