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 相关文章推荐
javascript 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
jqPlot jquery的页面图表绘制工具
Jul 25 Javascript
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
AngularJs 60分钟入门基础教程
Apr 03 Javascript
Bootstrap基本插件学习笔记之按钮(21)
Dec 08 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
详解使用vue实现tab 切换操作
Jul 03 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
Aug 05 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 spl_autoload_register实现自动加载研究
2011/12/06 PHP
hadoop常见错误以及处理方法详解
2013/06/19 PHP
解析Win7 XAMPP apache无法启动的问题
2013/06/26 PHP
PHP指定截取字符串中的中英文或数字字符的实例分享
2016/03/18 PHP
PHP获取当前文件的父目录方法汇总
2016/07/21 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
高性能web开发 如何加载JS,JS应该放在什么位置?
2010/05/14 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
js+数组实现网页上显示时间/星期几的实用方法
2013/01/18 Javascript
JavaScript的递归之递归与循环示例介绍
2013/08/05 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
2014/03/18 Javascript
详解Jquery的事件操作和文档操作
2016/12/19 Javascript
JS实现队列的先进先出功能示例
2017/05/10 Javascript
JS中定位 position 的使用实例代码
2017/08/06 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
js实现鼠标拖拽缩放div实例代码
2019/03/25 Javascript
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
Python类的专用方法实例分析
2015/01/09 Python
python 列表递归求和、计数、求最大元素的实例
2018/11/28 Python
浅谈python函数调用返回两个或多个变量的方法
2019/01/23 Python
Python和Go语言的区别总结
2019/02/20 Python
十分钟搞定pandas(入门教程)
2019/06/21 Python
python dumps和loads区别详解
2020/02/04 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
亿企通软件测试面试题
2012/04/10 面试题
党员承诺书内容
2014/03/26 职场文书
《第一次抱母亲》教学反思
2014/04/16 职场文书
社区矫正工作方案
2014/06/04 职场文书
2014高考励志标语
2014/06/05 职场文书
2014医学院领导班子对照检查材料思想汇报
2014/09/19 职场文书
2014社区健康教育工作总结
2014/12/16 职场文书
2015中秋节晚会主持词
2015/07/01 职场文书
2016年班主任新年寄语
2015/08/18 职场文书
《日月潭》教学反思
2016/02/20 职场文书