纯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为搜索栏增加tag提示
Jun 22 Javascript
jQuery选择头像并实时显示的代码
Jun 27 Javascript
ExtJs事件机制基本代码模型和流程解析
Oct 24 Javascript
javascript实现tabs选项卡切换效果(自写原生js)
Mar 19 Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 Javascript
Node.js和MongoDB实现简单日志分析系统
Apr 25 Javascript
举例说明如何为JavaScript的方法参数设置默认值
Nov 17 Javascript
vue-router单页面路由
Jun 17 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
js 实现在2d平面上画8的方法
Oct 10 Javascript
Vue源码学习之关于对Array的数据侦听实现
Apr 23 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 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
php字符串截取的简单方法
2013/07/04 PHP
PHP连接access数据库
2015/03/27 PHP
orm获取关联表里的属性值
2016/04/17 PHP
浅析Yii2缓存的使用
2016/05/10 PHP
php用户密码加密算法分析【Discuz加密算法】
2016/10/12 PHP
CI框架使用composer安装的依赖包步骤与方法分析
2016/11/21 PHP
详谈javascript中DOM的基本属性
2015/02/26 Javascript
详解JavaScript中shift()方法的使用
2015/06/09 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
javascript数组常用方法汇总
2016/09/10 Javascript
JavaScript面试题(指针、帽子和女朋友)
2016/11/23 Javascript
Webpack中css-loader和less-loader的使用教程
2017/04/27 Javascript
SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
2018/01/09 Javascript
浅析Vue中拆分视图层代码的5点建议
2019/08/15 Javascript
react的hooks的用法详解
2020/10/12 Javascript
python 根据正则表达式提取指定的内容实例详解
2016/12/04 Python
python实现xlsx文件分析详解
2018/01/02 Python
Windows 7下Python Web环境搭建图文教程
2018/03/20 Python
Python中一行和多行import模块问题
2018/04/01 Python
python操作excel的方法
2018/08/16 Python
python pygame实现方向键控制小球
2019/05/17 Python
python求最大值最小值方法总结
2019/06/25 Python
完美解决pyinstaller打包报错找不到依赖pypiwin32或pywin32-ctypes的错误
2020/04/01 Python
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
HTML5新特性 多线程(Worker SharedWorker)
2017/04/24 HTML / CSS
Lands’ End英国官方网站:高质量男女服装
2017/10/07 全球购物
苏格兰销售女装、男装和童装的连锁店:M&Co
2018/03/16 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
计算机专业个人求职自荐信
2013/09/21 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
2014年作风建设工作总结
2014/10/29 职场文书
百年孤独读书笔记
2015/06/29 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android