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

前端技术 2023/09/02 JavaScript
复制代码 代码如下:

<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>

本文地址：https://www.stayed.cn/item/6035

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案