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


Posted in Javascript onSeptember 21, 2013
<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 相关文章推荐
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
检测jQuery.js是否已加载的判断代码
May 20 Javascript
js控制表单操作的常用代码小结
Aug 15 Javascript
js实现上传图片及时预览
May 07 Javascript
BootStrap中
Dec 10 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
详解javascript常用工具类的封装
Jan 30 Javascript
VUE重点问题总结
Mar 19 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 Javascript
微信小程序如何自定义table组件
Jun 29 Javascript
vue实现防抖的实例代码
Jan 11 Vue.js
JavaScript加强之自定义event事件
Sep 21 #Javascript
JavaScript加强之自定义callback示例
Sep 21 #Javascript
js中通过split函数分割字符串成数组小例子
Sep 21 #Javascript
js中的异常处理try...catch使用介绍
Sep 21 #Javascript
使用JS读秒使用示例
Sep 21 #Javascript
用RadioButten或CheckBox实现div的显示与隐藏
Sep 21 #Javascript
JS.GetAllChild(element,deep,condition)使用介绍
Sep 21 #Javascript
You might like
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
php实现字符串反转输出的方法
2015/03/14 PHP
常用PHP封装分页工具类
2017/01/14 PHP
javascript String 对象
2008/04/25 Javascript
幻灯片带网页设计中的20个奇妙应用示例小结
2012/05/27 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
使用jquery修改表单的提交地址基本思路
2014/06/04 Javascript
js闭包实例汇总
2014/11/09 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
2015/11/10 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
JavaScript:Date类型全面解析
2016/05/19 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
在localStorage中存储对象数组并读取的方法
2016/09/24 Javascript
JavaScript制作弹出层效果
2016/12/02 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
微信小程序中添加客服按钮contact-button功能
2018/04/27 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
2018/10/20 Javascript
python中from module import * 的一个坑
2014/07/20 Python
Python实现疫情通定时自动填写功能(附代码)
2020/05/27 Python
Python绘制动态水球图过程详解
2020/06/03 Python
通过实例解析Python RPC实现原理及方法
2020/07/07 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
详解h5页面在不同ios设备上的问题总结
2019/03/01 HTML / CSS
捷克原创男装和女装购物网站:Bolf.cz
2018/04/28 全球购物
Looking4Parking美国:全球排名第一的机场停车比较品牌
2019/08/26 全球购物
早餐连锁店计划书
2014/01/08 职场文书
幼儿园校车司机的岗位职责
2014/01/30 职场文书
群众路线表态发言材料
2014/10/17 职场文书
总经理岗位职责
2015/02/04 职场文书
上甘岭观后感
2015/06/10 职场文书
营销策划分析:怎么策划才能更好销量产品?
2019/09/04 职场文书
JavaScript使用canvas绘制坐标和线
2021/04/28 Javascript
Apache SeaTunnel实现 非CDC数据抽取
2022/05/20 Servers