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

 

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