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代码
Apr 22 Javascript
js 幻灯片的实现
Dec 06 Javascript
js去除空格的12种实用方法
Nov 08 Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 Javascript
Chrome扩展页面动态绑定JS事件提示错误
Feb 11 Javascript
14个有用的Jquery技巧分享
Jan 08 Javascript
实例剖析AngularJS框架中数据的双向绑定运用
Mar 04 Javascript
Markdown+Bootstrap图片自适应属性详解
May 21 Javascript
JavaScript中清空数组的方法总结
Dec 02 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
Dec 20 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获得文件扩展名三法
2006/11/25 PHP
php解析json数据实例
2014/08/19 PHP
详解PHP对数组的定义以及数组的创建方法
2015/11/27 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
基于Laravel-admin 后台的自定义页面用法详解
2019/09/30 PHP
javascript学习网址备忘
2007/05/29 Javascript
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
使用JS进行目录上传(相当于批量上传)
2010/12/05 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
2015/06/17 Javascript
详解JavaScript编程中的数组结构
2015/10/24 Javascript
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
AngularJS监听路由的变化示例代码
2016/09/23 Javascript
原生js开发的日历插件
2017/02/04 Javascript
vue组件 $children,$refs,$parent的使用详解
2017/07/31 Javascript
react-redux中connect的装饰器用法@connect详解
2018/01/13 Javascript
每天学点Vue源码之vm.$mount挂载函数
2019/03/11 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
[01:21]2018DOTA2亚洲邀请赛4.5采访 打DOTA2也能有女朋友?
2018/04/06 DOTA
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
对python字典过滤条件的实例详解
2019/01/22 Python
代码总结Python2 和 Python3 字符串的区别
2020/01/28 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
Matplotlib使用Cursor实现UI定位的示例代码
2020/03/12 Python
Python模拟伯努利试验和二项分布代码实例
2020/05/27 Python
简述Html5 IphoneX 适配方法
2018/02/08 HTML / CSS
Feelunique中文官网:欧洲最大化妆品零售电商
2020/07/10 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
大学生饮食配送创业计划书
2014/01/04 职场文书
2014年学习雷锋活动总结
2014/03/01 职场文书
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
股东协议书范本2016
2016/03/21 职场文书
工程移交协议书
2016/03/24 职场文书
2016年教师师德师风承诺书
2016/03/25 职场文书
2019最新公司租房合同(例文)
2019/07/18 职场文书
Java使用HttpClient实现文件下载
2022/08/14 Java/Android