Question

jQuery怎么实现在页面上实时显示当前时间？

mydate=new Date;
var day=mydate.toLocaleString(); //获取日期与时间
用这个方法得到了当前时间的表示，但不知道该绑定什么事件才能实时显示。求大神指教

Answer 1

jQuery实现在页面上实时显示当前时间的一般做法如下：

1、定义一个date对象d

var d = new Date();

2、从d中获取月份
var month = d.getMonth()+1;

3、从d中获取日期

var day = d.getDate();
4、组装时间参数：

var time = dt.getHours() + ":" + dt.getMinutes() + ":" + dt.getSeconds();

5、最后形成完整的日期格式：

var output = d.getFullYear() + '/' +
   (month<10 ? '0' : '') + month + '/' +
   (day<10 ? '0' : '') + day + time 

6、运行结果：

Answer 2

setInterval(function() {
    var now = (new Date()).toLocaleString();
    $('#current-time').text(now);
}, 1000);

这里假设你用于显示时间的元素id是current-time

<div id="current-time"></div>