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 相关文章推荐
幻宇的层模拟窗口效果-提供演示和下载
Jan 20 Javascript
JavaScript 编程引入命名空间的方法
Jun 29 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
使用JavaScript开发IE浏览器本地插件实例
Feb 18 Javascript
js只执行1次的函数示例
Jul 20 Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 Javascript
详解vue2路由vue-router配置(懒加载)
Apr 08 Javascript
基于js中style.width与offsetWidth的区别(详解)
Nov 12 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 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
全国中波电台频率表
2020/03/11 无线电
PHP详解ASCII码对照表与字符转换
2011/12/05 PHP
php面向对象中的魔术方法中文说明
2014/03/04 PHP
php中strstr、strrchr、substr、stristr四个函数的区别总结
2014/09/22 PHP
7个鲜为人知却非常实用的PHP函数
2015/07/01 PHP
PHP实现模拟http请求的方法分析
2017/12/20 PHP
通过源码解析Laravel的依赖注入
2018/01/22 PHP
RR vs IO BO3 第一场2.13
2021/03/10 DOTA
js资料toString 方法
2007/03/13 Javascript
把html页面的部分内容保存成新的html文件的jquery代码
2009/11/12 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
2010/02/19 Javascript
基于jquery的弹出提示框始终处于窗口的居中位置(类似于alert弹出框的效果)
2011/09/28 Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
2014/05/23 Javascript
Jquery选择器中使用变量实现动态选择例子
2014/07/25 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
Javascript变量的作用域和作用域链详解
2015/04/02 Javascript
JavaScript实现网页对象拖放功能的方法
2015/04/15 Javascript
javascript用函数实现对象的方法
2015/05/14 Javascript
AngularJS基础 ng-hide 指令用法及示例代码
2016/08/01 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
2018/08/07 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
RxJS在TypeScript中的简单使用详解
2020/04/13 Javascript
理解Python中的With语句
2015/02/02 Python
基于Python的文件类型和字符串详解
2017/12/21 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
Otel.com:折扣酒店预订
2017/08/24 全球购物
计算机数据库专业职业生涯规划书
2014/02/08 职场文书
进步之星获奖感言
2014/02/22 职场文书
高中运动会广播稿
2014/09/16 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
对讲机的最大通讯距离是多少
2022/02/18 无线电
nginx之queue的具体使用
2022/06/28 Servers