纯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 相关文章推荐
document 和 document.all 分别什么时候用
Jun 22 Javascript
Javascript !!的作用
Dec 04 Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
node.js中express中间件body-parser的介绍与用法详解
May 23 Javascript
Vue.js通用应用框架-Nuxt.js的上手教程
Dec 25 Javascript
JS中promise化微信小程序api
Apr 12 Javascript
关于微信小程序登录的那些事
Jan 08 Javascript
浅谈layui数据表格判断问题(加入表单元素),设置单元格样式
Oct 26 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
Nov 04 Javascript
微信小程序开发摇一摇功能
Nov 22 Javascript
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开发框架的对比
2013/07/05 PHP
PHP中SimpleXML函数用法分析
2014/11/26 PHP
PHP实现Javascript中的escape及unescape函数代码分享
2015/02/10 PHP
php+ajax实现无刷新动态加载数据技术
2015/04/28 PHP
php使用redis的几种常见操作方式和用法示例
2020/02/20 PHP
Gird组件 Part-3:范例RSSFeed Viewer
2007/03/10 Javascript
javascript实现上传图片前的预览(TX的面试题)
2007/08/20 Javascript
jQuery 性能优化指南 (1)
2009/05/21 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
Date对象格式化函数代码
2010/07/17 Javascript
javascript改变position值实现菜单滚动至顶部后固定
2013/01/18 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
JavaScript设计模式之代理模式简单实例教程
2018/07/03 Javascript
小程序两种滚动公告栏的实现方法
2019/09/17 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
JS中==、===你分清楚了吗
2020/03/04 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
H5 js点击按钮复制文本到粘贴板
2020/11/19 Javascript
python中尾递归用法实例详解
2015/04/28 Python
设计模式中的原型模式在Python程序中的应用示例
2016/03/02 Python
django之session与分页(实例讲解)
2017/11/13 Python
pycharm远程调试openstack代码
2017/11/21 Python
Python替换月份为英文缩写的实现方法
2019/07/15 Python
python多进程间通信代码实例
2019/09/30 Python
keras 自定义loss损失函数,sample在loss上的加权和metric详解
2020/05/23 Python
通过代码简单了解django model序列化作用
2020/11/12 Python
浅析Python打包时包含静态文件处理方法
2021/01/15 Python
HTML5的标签的代码的简单介绍 HTML5标签的简介
2012/05/28 HTML / CSS
Hawes & Curtis澳大利亚官网:英国经典服饰品牌
2018/10/29 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
高中学生评语大全
2014/04/25 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
使用vue-element-admin框架从后端动态获取菜单功能的实现
2021/04/29 Vue.js
星际争霸 Light vs Action 一场把教主看到鬼畜的比赛
2022/04/01 星际争霸