js中获取当前时间首先我们要new一个时间对象
var data = new Date();
然后可以点出很多方法。获取不同的时间格式 自己可以去尝试
我用到的是 data.toLocaleString() //时间格式是:2014年2月11日 18:08:10
比如:data.toLocaleDateString() //格式则是:2014年2月11日 等等还有 很多。自己可以探索
当获取时间 data.toLocaleString() 后要让他动起来 。即一分一秒的动。同步显示当前的时间。
意味着要一秒钟更新一起。自然而然的就用到了定时器。 setInterval(showTime,1000) //showTime为执行的函数 1000为执行的间隔 即1s (秒)
执行一次showTime 方法。来达到时间更新的目的
完整代码
$(function () { showTime(); //文档加载后。就开始显示时间 var setTime = setInterval(showTime, 1000); //定义一个计时器。1s执行一次 }); function showTime() { var data = new Date(); //toLocaleDateString //alert(data.toLocaleString()); $("#showT").text(data.toLocaleString()); }
如果要关闭定时器: window.clearInterval(setTime);
注:setTimeout函数用法相同。不同的是。setTimeout只会执行一次。
最后则达到了我想要的效果 时间同步更新显示