纯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 相关文章推荐
javascript 利用Image对象实现的埋点(某处的点击数)统计
Dec 28 Javascript
IE下双击checkbox反应延迟问题的解决方法
Mar 27 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
js+cookies实现悬浮购物车的方法
May 25 Javascript
javascript轻量级库createjs使用Easel实现拖拽效果
Feb 19 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
浅谈Express.js解析Post数据类型的正确姿势
May 30 Javascript
JavaScript实现移动端带transition动画的轮播效果
Mar 24 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
Apr 28 Javascript
基于Ionic3实现选项卡切换并重新加载echarts
Sep 24 Javascript
JS中如何优雅的使用async await详解
Oct 05 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 中include()与require()的对比
2006/10/09 PHP
destoon整合ucenter后注册页面不跳转的解决方法
2014/06/21 PHP
async和DOM Script文件加载比较
2014/07/20 PHP
Jquery 表单取值赋值的一些基本操作
2009/10/11 Javascript
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
js判断横竖屏及禁止浏览器滑动条示例
2014/04/29 Javascript
jQuery中:only-child选择器用法实例
2015/01/03 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
使用jQuery实现Web页面换肤功能的要点解析
2016/05/12 Javascript
基于JavaScript实现自动更新倒计时效果
2016/12/19 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
VUE中v-model和v-for指令详解
2017/06/23 Javascript
vue自定义一个v-model的实现代码
2018/06/21 Javascript
详解node字体压缩插件font-spider的用法
2018/09/28 Javascript
微信小程序云开发之新手环境配置
2019/05/16 Javascript
JQuery表单元素取值赋值方法总结
2020/05/12 jQuery
基于JavaScript或jQuery实现网站夜间/高亮模式
2020/05/30 jQuery
闭包在python中的应用之translate和maketrans用法详解
2014/08/27 Python
python列表操作实例
2015/01/14 Python
Python生成器(Generator)详解
2015/04/13 Python
KMP算法精解及其Python版的代码示例
2016/06/01 Python
Python调用C语言的方法【基于ctypes模块】
2018/01/22 Python
python 实现登录网页的操作方法
2018/05/11 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
改变 Python 中线程执行顺序的方法
2020/09/24 Python
Python + opencv对拍照得到的图片进行背景去除的实现方法
2020/11/18 Python
python 实现有道翻译功能
2021/02/26 Python
HTML5+WebSocket实现多文件同时上传的实例
2016/12/29 HTML / CSS
法国房车租赁网站:Yescapa
2019/08/26 全球购物
输入一行文字,找出其中大写字母、小写字母、空格、数字、及其他字符各有多少
2016/04/15 面试题
小学生开学第一课活动方案
2014/03/27 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
《将心比心》教学反思
2016/02/23 职场文书
Redis过期数据是否会被立马删除
2022/07/23 Redis