利用Javascript实时显示系统时间

最新推荐文章于 2021-10-28 23:06:36 发布

znd8866

最新推荐文章于 2021-10-28 23:06:36 发布

阅读量839

点赞数

分类专栏： Javascript 文章标签： javascript js 实时显示时间

本文链接：https://blog.csdn.net/znd8866/article/details/18095935

版权

Javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先说，显示的时间是客户端的时间而不是服务器端的时间，原因的话相信大家都知道。

这里需要调用一个方法：setInterval方法。该方法是JS内置方法，用来循环定时，可以直接调用。

setInterval方法的声明：setInterval（循环执行语句，循环的时间间隔）；

下面来看实现函数：

<script type="text/javascript">
       <!--
           function showTime() {
           document.getElementById('time').innerHTML = new Date().toLocaleString() + ' 星期' + '日一二三四五六'.charAt(new Date().getDay ());
           setInterval("document.getElementById('time').innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());", 1000);
}
        //-->
</script>

解释：函数中第一行中的getElementById('time')表示获取页面中id为time的控件，而document.getElementById('time').innerHTML 表示设置id为time的控件的内容，后面的是获取客户端的时间。

第二行就用到了setInterval方法，第一个参数为循环执行的语句，第二个参数表示每个1000ms执行一次。

然后将想要实时显示时间的控件的id设置为time就可以了。