简单的js动态显示当前时间

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只会执行一次。

最后则达到了我想要的效果 时间同步更新显示