如何在jquery中打印和更新当前时间

Question

我有以下代码显示用户的本地时间：

HTML

<h1 id="time"></h1>

脚本

var d = new Date();
var hours = d.getHours();
var minutes = d.getMinutes();

var mins=new Array(9);
mins[0]="00";
mins[1]="01";

...

mins[59]="59";

var MinName = mins[d.getMinutes()]; 
document.getElementById('time').innerHTML = hours+":"+MinName;

如何在不重新加载页面的情况下将其修改为自动更新？

Answer 1

您需要使用setInterval http://www.w3schools.com/jsref/met_win_setinterval.asp

setInterval(function () {

   var d = new Date();
   var hours = d.getHours();
   var minutes = d.getMinutes();

   var mins=new Array(9);
   mins[0]="00";
   mins[1]="01";

   ...

   mins[59]="59";

   var MinName = mins[d.getMinutes()]; 
   document.getElementById('time').innerHTML = hours+":"+MinName;
}, 1000);

Answer 2

这里有一个非常简单的解决方案：

setInterval(function() {
    var date = new Date();
    $('#time').html(
        date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds()
        );
}, 500);