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 相关文章推荐
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
js替代copy(示例代码)
Nov 27 Javascript
引用其它js时如何同时处理多个window.onload事件
Sep 02 Javascript
javascript父子页面通讯实例详解
Jul 17 Javascript
apply和call方法定义及apply和call方法的区别
Nov 15 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
Sep 19 Javascript
jquery实现(textarea)placeholder自动换行
Dec 22 Javascript
Vue.js中extend选项和delimiters选项的比较
Jul 17 Javascript
zTree异步加载展开第一级节点的实现方法
Sep 05 Javascript
详解ES6 CLASS在微信小程序中的应用实例
Apr 24 Javascript
通过实例解析vuejs如何实现调试代码
Jul 16 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/10/09 PHP
PHP 程序员应该使用的10个组件
2009/10/31 PHP
基于php冒泡排序算法的深入理解
2013/06/09 PHP
php中smarty区域循环的方法
2015/06/11 PHP
PHP正则匹配反斜杠'\'和美元'$'的方法
2017/02/08 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
php使用fullcalendar日历插件详解
2019/03/06 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
JavaScript将数字转换成大写中文的方法
2015/03/23 Javascript
jQuery下拉菜单的实现代码
2016/11/03 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
基于Bootstrap table组件实现多层表头的实例代码
2017/09/07 Javascript
Vue入门之数据绑定(小结)
2018/01/08 Javascript
vue使用vue-i18n实现国际化的实现代码
2018/04/08 Javascript
vue路由对不同界面进行传参及跳转的总结
2019/04/20 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
2019/09/06 Javascript
Node.js创建一个Express服务的方法详解
2020/01/06 Javascript
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
Python中捕捉详细异常信息的代码示例
2014/09/18 Python
python3生成随机数实例
2014/10/20 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python数据类型详解(四)字典:dict
2016/05/12 Python
Python中functools模块函数解析
2017/03/12 Python
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Pycharm 操作Django Model的简单运用方法
2018/05/23 Python
在pycharm中python切换解释器失败的解决方法
2018/10/29 Python
一篇文章弄懂Python中所有数组数据类型
2019/06/23 Python
详解将Pandas中的DataFrame类型转换成Numpy中array类型的三种方法
2019/07/06 Python
真正了解CSS3背景下的@font face规则
2017/05/04 HTML / CSS
护士上岗前培训自我鉴定
2014/04/20 职场文书
北京申奥口号
2014/06/19 职场文书
美德少年主要事迹材料
2015/11/04 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
2016年党员公开承诺书格式范文
2016/03/24 职场文书
Java 深入探究讲解简单工厂模式
2022/04/07 Java/Android