纯JS实现动态时间显示代码


Posted in Javascript onFebruary 08, 2014
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
 <script language="javascript">
     var t = null;
    t = setTimeout(time,1000);//开始执行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
       var h=dt.getHours();
       var m=dt.getMinutes();
       var s=dt.getSeconds();
       document.getElementById("timeShow").innerHTML =  "现在的时间为:"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器,循环执行             
    } 
  </script>
</head>
<body>
<label id="timeShow"></lable>
</body>
</html>
Javascript 相关文章推荐
基于jQuery的表格操作插件
Apr 22 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
yarn的使用与升级Node.js的方法详解
Jun 04 Javascript
JS实现图片预览的两种方式
Jun 27 Javascript
Vue Cli与BootStrap结合实现表格分页功能
Aug 18 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
详解小程序循环require之坑
Mar 08 Javascript
小程序:授权、登录、session_key、unionId的详解
May 15 Javascript
Vue 实现一个命令式弹窗组件功能
Sep 25 Javascript
vue在线动态切换主题色方案
Mar 26 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
Nov 17 Vue.js
js数字转换为float,取N位小数
Feb 08 #Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
Feb 08 #Javascript
JQuery+Ajax无刷新分页的实例代码
Feb 08 #Javascript
JavaScript的strict模式与with关键字介绍
Feb 08 #Javascript
jquery ajax 局部无刷新更新数据的实现案例
Feb 08 #Javascript
jquery ajax 局部刷新小案例
Feb 08 #Javascript
Jquery实现控件的隐藏和显示实例
Feb 08 #Javascript
You might like
基于文本的搜索
2006/10/09 PHP
一贴学会PHP 新手入门教程
2009/08/03 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
前端开发部分总结[兼容性、DOM操作、跨域等](持续更新)
2010/03/04 Javascript
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
获取服务器传来的数据 用JS去空格的正则表达式
2012/03/26 Javascript
浅析js封装和作用域
2013/07/09 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
jquery操作select详解(取值,设置选中)
2014/02/07 Javascript
使用focus方法让光标默认停留在INPUT框
2014/07/29 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
canvas 实现中国象棋
2017/02/17 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
Angular使用 ng-img-max 调整浏览器中的图片的示例代码
2017/08/17 Javascript
JS+jQuery实现注册信息的验证功能
2017/09/26 jQuery
React diff算法的实现示例
2018/04/20 Javascript
Vue登录注册并保持登录状态的方法
2018/08/17 Javascript
vue+web端仿微信网页版聊天室功能
2019/04/30 Javascript
inquirer.js一个用户与命令行交互的工具详解
2019/05/18 Javascript
js canvas实现星空连线背景特效
2019/11/01 Javascript
[01:02]2014 DOTA2国际邀请赛中国区预选赛 现场抢先看
2014/05/22 DOTA
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
基于python的七种经典排序算法(推荐)
2016/12/08 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
编译 pycaffe时报错:fatal error: numpy/arrayobject.h没有那个文件或目录
2020/11/29 Python
html5时钟实现代码
2010/10/22 HTML / CSS
美国知名珠宝首饰品牌:Gemvara
2017/10/06 全球购物
BSTN意大利:德国街头和运动文化高品质商店
2020/12/22 全球购物
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
乒乓球兴趣小组活动总结
2014/07/08 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
2015年市场营销工作总结
2015/07/23 职场文书
导游词之永泰公主墓
2019/12/04 职场文书
解决Vue+SpringBoot+Shiro跨域问题
2021/06/09 Vue.js