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 相关文章推荐
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
Nov 06 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
JavaScript 代码压缩工具小结
Feb 27 Javascript
JavaScript设计模式之单例模式实例
Sep 24 Javascript
使用js画图之正弦曲线
Jan 12 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
JavaScript之Canvas_动力节点Java学院整理
Jul 04 Javascript
浅谈React之状态(State)
Sep 19 Javascript
如何基于javascript实现贪吃蛇游戏
Feb 09 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笔记之:php数组相关函数的使用
2013/04/26 PHP
PHP 微信扫码支付源代码(推荐)
2016/11/03 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
php-fpm中max_children的配置
2019/03/15 PHP
用php定义一个数组最简单的方法
2019/10/04 PHP
javascript实现 在光标处插入指定内容
2007/05/25 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
JQuery防止退格键网页后退的实现代码
2012/03/23 Javascript
JavaScript删除指定子元素代码实例
2015/01/13 Javascript
详解JavaScript编程中正则表达式的使用
2015/10/25 Javascript
jQuery EasyUI之DataGrid使用实例详解
2016/01/04 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
vue 中 命名视图的用法实例详解
2019/08/14 Javascript
vue实现广告栏上下滚动效果
2020/11/26 Vue.js
python 表达式和语句及for、while循环练习实例
2017/07/07 Python
Python中Numpy包的安装与使用方法简明教程
2018/07/03 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
python3实现钉钉消息推送的方法示例
2019/03/14 Python
python opencv鼠标事件实现画框圈定目标获取坐标信息
2020/04/18 Python
Python数据持久化存储实现方法分析
2019/12/21 Python
python报错: 'list' object has no attribute 'shape'的解决
2020/07/15 Python
Python定时任务框架APScheduler原理及常用代码
2020/10/05 Python
Django项目在pycharm新建的步骤方法
2021/03/02 Python
英国领先的男士美容护发用品公司:Mankind
2016/08/31 全球购物
高级Java程序员面试要点
2013/08/02 面试题
艺术专业大学生自我评价
2013/09/22 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
职业生涯规划怎么写
2013/12/29 职场文书
《月迹》教学反思
2014/02/19 职场文书
幼儿园小班评语
2014/04/18 职场文书
大学拉赞助协议书范文
2014/09/26 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
小程序实现文字循环滚动动画
2021/06/14 Javascript
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏