编程 Javascript

纯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>

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于jquery的滑动样例代码

Nov 20 Javascript

jquery 学习之二属性(html()与html(val))

Nov 25 Javascript

JavaScript取得鼠标绝对位置程序代码介绍

Sep 16 Javascript

js中的数组Array定义与sort方法使用示例

Aug 29 Javascript

Javascript弹出窗口的各种方法总结

Nov 11 Javascript

JQuery的Pager分页器实现代码

May 03 Javascript

JS封装的选项卡TAB切换效果示例

Sep 20 Javascript

原生JS实现图片懒加载(lazyload)实例

Jun 13 Javascript

详解关于vue-area-linkage走过的坑

Jun 27 Javascript

快速解决select2在bootstrap模态框中下拉框隐藏的问题

Aug 10 Javascript

详解element-ui日期时间选择器的日期格式化问题

Apr 08 Javascript

小程序中使用css var变量(使js可以动态设置css样式属性)

Mar 31 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