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 相关文章推荐
Google韩国首页图标动画效果
Aug 26 Javascript
js通过八个点 拖动改变div大小的实现方法
Mar 05 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
Dec 20 Javascript
JavaScript下拉菜单功能实例代码
Mar 01 Javascript
AngularJS实现的输入框字数限制提醒功能示例
Oct 26 Javascript
Vue实现active点击切换方法
Mar 16 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
Apr 23 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
Aug 27 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
Sep 05 Javascript
JavaScript中的null和undefined用法解析
Sep 30 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中array_merge和array相加的区别分析
2013/06/17 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
php实现aes加密类分享
2014/02/16 PHP
codeigniter中view通过循环显示数组数据的方法
2015/03/20 PHP
ThinkPHP3.2.3实现分页的方法详解
2016/06/03 PHP
PHP实现多图上传(结合uploadify插件)思路分析
2016/11/30 PHP
JavaScript 变量作用域分析
2011/07/04 Javascript
解决JS浮点数运算出现Bug的方法
2013/03/12 Javascript
网页右侧悬浮滚动在线qq客服代码示例
2014/04/28 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JS+CSS实现六级网站导航主菜单效果
2015/09/28 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
JS中的Replace()传入函数时的用法详解
2017/09/11 Javascript
用JavaScript做简易的购物车的代码示例
2017/10/20 Javascript
vue-router路由懒加载和权限控制详解
2017/12/13 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
浅谈Node.js 沙箱环境
2018/05/15 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
jQuery pjax 应用简单示例
2018/09/20 jQuery
vue中通过使用$attrs实现组件之间的数据传递功能
2019/09/01 Javascript
浅析JavaScript预编译和暗示全局变量
2020/09/03 Javascript
python二叉树的实现实例
2013/11/21 Python
跟老齐学Python之模块的加载
2014/10/24 Python
Python语法分析之字符串格式化
2019/06/13 Python
python操作kafka实践的示例代码
2019/06/19 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
python批量提取图片信息并保存的实现
2021/02/05 Python
CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式
2014/10/11 HTML / CSS
台湾乐天市场:日本No.1的网路购物网站
2017/03/22 全球购物
学校火灾防控方案
2014/06/09 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
针对吵架老公保证书
2015/05/08 职场文书
Java循环队列与非循环队列的区别总结
2021/06/22 Java/Android
python APScheduler执行定时任务介绍
2022/04/19 Python