html+js实现动态显示本地时间
更新时间：2013年09月21日 16:09:40 作者：
显示本地时间的方法有很多，在本文将为大家介绍下如何使用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>
相关文章
这篇文章主要介绍了JavaScript三种获取URL参数值的方法，文章围绕主题展开详细的内容戒杀，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
这篇文章主要介绍了javascript禁止访客复制网页内容的方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
BootStrap中Datetimepicker和uploadify插件应用实例小结
这篇文章主要介绍了BootStrap中Datetimepicker和uploadify插件应用实例小结的相关资料,非常不错具有参考借鉴价值，需要的朋友可以参考下2016-05-05
ant-design-pro 的EditableProTable表格验证调用的实现代码
这篇文章主要介绍了ant-design-pro 的EditableProTable表格验证调用,这里的需求是点击外部的保存要对整个表单进行验证，本文通过实例代码给大家介绍的非常详细，需要的朋友可以参考下2022-06-06
Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜式教程（二）
这篇文章主要介绍了Express实现前端后端通信上传图片之存储数据库（mysql）傻瓜教程（二）的相关资料,需要的朋友可以参考下2015-12-12
JavaScript中的偏函数（Partial Function）是指一个函数，它是由另一个函数通过固定一些参数而得到的，从而产生了一个新的函数，本文主要来和大家聊聊偏函数的原理与使用，希望对大家有所帮助2023-05-05
提到在一段程序中如果碰到需要终止,结束一个循环,函数或者一段代码,一般会想到以下这几个关键字return、continue、break,这篇文章主要给大家介绍了关于js中几种循环的退出方式,需要的朋友可以参考下2022-12-12
Bootstrap前端开发案例一，这篇文章能够帮助大家更还好的进行前端开发Bootstrap，相信大家会爱上Bootstrap2016-06-06
现在纯粹用js的人越来越少了，更多的人喜欢jquery，可使我还是喜欢javascript，下面给出一个用javascript写的背景切换的小例子，各位大虾不要骂，只是写给自己看的，也供js事件的产考依据。2010-11-11
今天小编就为大家分享一篇使用Layui搭建后台管理界面的操作方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论