html+js实现动态显示本地时间
47 浏览量
2020-10-26
21:38:05
上传
评论
收藏 30KB PDF 举报
html+js实现动态显示本地时间实现动态显示本地时间
显示本地时间的方法有很多，在本文将为大家介绍下如何使用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>
资源评论
