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 动态选中下拉框
Nov 26 Javascript
用js实现计算加载页面所用的时间
Apr 02 Javascript
浅析Javascript匿名函数与自执行函数
Feb 06 Javascript
window.close(); 关闭浏览器窗口js代码的总结介绍
Jul 14 Javascript
原生JS实现风箱式demo,并封装了一个运动框架(实例代码)
Jul 22 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
详解VUE 数组更新
Dec 16 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
Jan 08 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
Aug 02 Javascript
vue设置动态请求地址的例子
Nov 01 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
May 10 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 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通过获取头信息判断图片类型的方法
2015/06/26 PHP
PHP可变函数学习小结
2015/11/29 PHP
浅谈php数组array_change_key_case() 函数和array_chunk()函数
2016/10/22 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jquery $.ajax入门应用二
2008/11/19 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
Javascript学习笔记-详解in运算符
2011/09/13 Javascript
jQuery源码分析之jQuery中的循环技巧详解
2014/09/06 Javascript
使用 TypeScript 重新编写的 JavaScript 坦克大战游戏代码
2015/04/07 Javascript
Bootstrap Metronic完全响应式管理模板学习笔记
2016/07/08 Javascript
ES6通过babel转码使用webpack使用import关键字
2016/12/13 Javascript
jQuery+ajax的资源回收处理机制分析
2017/01/07 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
Vue实现导出excel表格功能
2018/03/30 Javascript
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
Python EOL while scanning string literal问题解决方法
2020/09/18 Python
Python 使用os.remove删除文件夹时报错的解决方法
2017/01/13 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
python中requests和https使用简单示例
2018/01/18 Python
用TensorFlow实现戴明回归算法的示例
2018/05/02 Python
Flask之flask-script模块使用
2018/07/26 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
将keras的h5模型转换为tensorflow的pb模型操作
2020/05/25 Python
OpenCV+python实现实时目标检测功能
2020/06/24 Python
Python logging自定义字段输出及打印颜色
2020/11/30 Python
selenium框架中driver.close()和driver.quit()关闭浏览器
2020/12/08 Python
用缩写的指针比较"if(p)" 检查空指针是否可靠?如果空指针的内部表达不是0会怎么样?
2014/01/05 面试题
上海天奕面试题笔试题
2015/04/19 面试题
测试时代收集的软件测试面试题
2013/09/25 面试题
初中新生军训方案
2014/05/13 职场文书
销售2014年度工作总结
2014/12/08 职场文书
员工工作表扬信
2015/05/05 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python