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 相关文章推荐
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
jQuery Ajax中的事件详细介绍
Apr 16 Javascript
举例讲解Node.js中的Writable对象
Jul 29 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
Oct 09 Javascript
bootstrap fileinput完整实例分享
Nov 08 Javascript
Async Validator 异步验证使用说明
Jul 03 Javascript
Vue.js进行查询操作的实例详解
Aug 25 Javascript
微信小程序实现评论功能
Nov 28 Javascript
vue选项卡切换登录方式小案例
Sep 27 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
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面向对象之后期静态绑定功能介绍
2015/05/18 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
理解Javascript_01_理解内存分配原理分析
2010/10/11 Javascript
关于firefox的ElementTraversal 接口 使用说明
2010/11/11 Javascript
js获取location.href的参数实例代码
2013/08/02 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
js取float型小数点后两位数的方法
2014/01/18 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
jQuery插件实现控制网页元素动态居中显示
2015/03/24 Javascript
JavaScript数组迭代器实例分析
2015/06/09 Javascript
jQuery实现可以编辑的表格实例详解【附demo源码下载】
2016/07/09 Javascript
原生js获取iframe中dom元素--父子页面相互获取对方dom元素的方法
2016/08/05 Javascript
Javascript 判断两个IP是否在同一网段实例代码
2016/11/28 Javascript
jQuery实现模糊搜索功能的方法分析
2018/06/29 jQuery
卸载vue2.0并升级vue_cli3.0的实例讲解
2020/02/16 Javascript
怎么理解wx.navigateTo的events参数使用详情
2020/05/18 Javascript
对python 矩阵转置transpose的实例讲解
2018/04/17 Python
使用python语言,比较两个字符串是否相同的实例
2018/06/29 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
python如何把字符串类型list转换成list
2020/02/18 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
使用CSS3和Checkbox实现JQuery的一些效果
2015/08/03 HTML / CSS
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
德国大型的家具商店:Pharao24.de
2016/10/02 全球购物
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
美国婚礼装饰和活动用品批发供应商:Event Decor Direct
2018/10/12 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
物理教学随笔感言
2014/02/22 职场文书
小学教师师德演讲稿
2014/05/06 职场文书
环保倡议书300字
2014/05/15 职场文书
给校长的建议书400字
2014/05/15 职场文书
2014年接待工作总结
2014/11/26 职场文书
2015年医德考评自我评价
2015/03/03 职场文书