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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
javascript开发技术大全-第3章 js数据类型
Jul 03 Javascript
JavaScript高级程序设计 读书笔记之八 Function类及闭包
Feb 27 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
JavaScript实现的图像模糊算法代码分享
Apr 22 Javascript
JavaScript通过代码调用Flash显示的方法
Feb 02 Javascript
js仿淘宝和百度文库的评分功能
May 15 Javascript
AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
Jan 21 Javascript
vue组件父子间通信详解(三)
Nov 07 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
webpack4.0 入门实践教程
Oct 08 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 jQuery
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使用google地图应用实例
2014/12/31 PHP
PHP查询附近的人及其距离的实现方法
2016/05/11 PHP
php获取flash尺寸详细数据的方法
2016/11/12 PHP
PHP实现生成推广海报的方法详解
2018/03/14 PHP
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
jquery ready函数源代码研究
2009/12/06 Javascript
Javascript的常规数组和关联数组对比小结
2012/05/24 Javascript
JavaScript插件化开发教程 (三)
2015/01/27 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
javascript基本语法
2016/05/31 Javascript
JS中使用变量保存arguments对象的方法
2016/06/03 Javascript
总结Javascript中的隐式类型转换
2016/08/24 Javascript
AngularJs 常用的过滤器
2017/05/15 Javascript
Angular.js初始化之ng-app的自动绑定与手动绑定详解
2017/07/31 Javascript
Vue项目分环境打包的实现步骤
2018/04/02 Javascript
不使用JavaScript实现菜单的打开和关闭效果demo
2018/05/01 Javascript
使用Angular 6创建各种动画效果的方法
2018/10/10 Javascript
Python中多线程及程序锁浅析
2015/01/21 Python
Python两个内置函数 locals 和globals(学习笔记)
2016/08/28 Python
python判断数字是否是超级素数幂
2018/09/27 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
python3实现名片管理系统
2020/11/29 Python
让Python脚本暂停执行的几种方法(小结)
2019/07/11 Python
Python学习笔记之Zip和Enumerate用法实例分析
2019/08/14 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
如何对python的字典进行排序
2020/06/19 Python
Python实现http接口自动化测试的示例代码
2020/10/09 Python
python Scrapy爬虫框架的使用
2021/01/21 Python
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
结婚邀请函范文
2014/01/14 职场文书
民主生活会对照检查材料思想汇报
2014/09/27 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
2015年八一建军节慰问信
2015/03/23 职场文书
2015年大学教师工作总结
2015/05/20 职场文书
k-means & DBSCAN 总结
2021/04/27 Python
解决springboot druid数据库连接失败后一直重连的方法
2022/04/19 Java/Android