纯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 相关文章推荐
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
ECMAScript5(ES5)中bind方法使用小结
May 07 Javascript
Jquery使用css方法改变样式实例
May 18 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
总结Node.js中的一些错误类型
Aug 15 Javascript
js编写的treeview使用方法
Nov 11 Javascript
利用JS做网页特效_大图轮播(实例讲解)
Aug 09 Javascript
JavaScript中Object值合并方法详解
Dec 22 Javascript
解决vue v-for 遍历循环时key值报错的问题
Sep 06 Javascript
使用electron制作满屏心特效的示例代码
Nov 27 Javascript
微信小程序实现带放大效果的轮播图
May 26 Javascript
基于vue中的scoped坑点解说
Sep 04 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中在数据库中保存Checkbox数据(2)
2006/10/09 PHP
如何在symfony中导出为CSV文件中的数据
2011/10/06 PHP
PHP 第二节 数据类型之字符串类型
2012/04/28 PHP
php时区转换转换函数
2014/01/07 PHP
php远程下载类分享
2016/04/13 PHP
extJs 下拉框联动实现代码
2010/04/09 Javascript
探索Emberjs制作一个简单的Todo应用
2012/11/07 Javascript
jquery获取元素值的方法(常见的表单元素)
2013/11/15 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
原生JS与jQuery编写简单选项卡
2017/10/30 jQuery
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
vue的style绑定background-image的方式和其他变量数据的区别详解
2018/09/03 Javascript
vue+canvas实现炫酷时钟效果的倒计时插件(已发布到npm的vue2插件,开箱即用)
2018/11/05 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
javascript二维数组和对象的深拷贝与浅拷贝实例分析
2019/10/26 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
Vue实现指令式动态追加小球动画组件的步骤
2020/12/18 Vue.js
Python定时执行之Timer用法示例
2015/05/27 Python
python导出chrome书签到markdown文件的实例代码
2017/12/27 Python
pandas数据清洗,排序,索引设置,数据选取方法
2018/05/18 Python
解决Python下json.loads()中文字符出错的问题
2018/12/19 Python
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
PyQt5 实现字体大小自适应分辨率的方法
2019/06/18 Python
Django 缓存配置Redis使用详解
2019/07/23 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
印度低票价航空公司:GoAir
2017/10/11 全球购物
Python面试题集
2012/03/08 面试题
店铺转让协议书(2014版)
2014/09/23 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
事业单位个人总结
2015/02/12 职场文书
环卫工作个人总结
2015/03/04 职场文书
跳高加油稿
2015/07/21 职场文书