利用Javascript实时显示系统时间

来源：互联网发布：java 图片服务器搭建编辑：程序博客网时间：2024/05/29 18:34

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

这里需要调用一个方法：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就可以了。

0 0