html+js实现动态显示本地时间

175 阅读 0 评论 116 点赞

我是靠谱客的博主震动豌豆，最近开发中收集的这篇文章主要介绍html+js实现动态显示本地时间，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
<span style="font-size:18px"><html> 
<span style="white-space:pre"> </span><body> 
<span style="white-space:pre"> </span> <script language = javascript> 
<span style="white-space:pre"> </span> setInterval("test()",1000); 
function test () 
{ 
<span style="white-space:pre"> </span>var a= new Date(); 
<span style="white-space:pre"> </span>document.getElementById("time").innerHTML= a; 
} 
<span style="white-space:pre"> </span> </script> 
<span style="white-space:pre"> </span> <h1 id = "time"> 
<span style="white-space:pre"> </span> </h1> 
</body> 
</html> 
</span> 

不知道setInterval 是什么意思，所以百度了下。

发现是这个意思：

setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

w3school 提供的方法为：

复制代码代码如下:

setInterval(code,millisec[,"lang"])

code是要调用的函数，millisec为周期，以毫秒来计算时间

复制代码代码如下:

 
<html> 
<body> 

<input type="text" id="clock" size="35" /> 
<script language=javascript> 
var int=self.setInterval("clock()",50) 
function clock() 
{ 
var t=new Date() 
document.getElementById("clock").value=t 
} 
</script> 
</form> 
<button onclick="int=window.clearInterval(int)"> 
Stop interval</button>
</body> 
</html> 