简单的JS时钟实例讲解

更新时间：2016年01月13日 10:35:01 作者：Superpan2015

这篇文章主要为大家分享了一个简单的JS时钟实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例介绍了JS时钟实现代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="gb2312">
  <title>Document</title>
  <script type="text/javascript">

    function startTime () {
       var today=new Date();
    var y=today.getFullYear();
    var mon=today.getMonth()+1;
       mon=changNum(mon);
    var d=today.getDay();
       d=changNum(d);
    var h=today.getHours();
    var m=today.getMinutes();
       m=changNum(m);
    var s=today.getSeconds();
       s=changNum(s);
    document.getElementById("timeid").innerHTML=y+"年"+mon+"月"+d+"日"+h+":"+m+":"+s;
    t=setTimeout(function(){
      startTime();
    },500);
    }    

   function changNum(i){   //月、日、秒如果小于10数字前加0
       if(i<10){
          return "0"+i;
       }
       return i;
   }

  </script>
</head>
<body onload="startTime()">

<h1 id="timeid"></h1>

</body>
</html>

希望本文所述对大家学习javascript程序设计有所帮助。

您可能感兴趣的文章:

js
时钟

浅谈js的html元素的父节点,子节点
下面小编就为大家带来一篇浅谈js的html元素的父节点,子节点。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-08-08
js表数据排序 sort table data
对于表格的排序，是很不错的一个功能，方便用户快速的分析一些数据。
2009-02-02
JavaScript基础知识及常用方法总结
JAVASCRIPT是AJAX技术中不可或缺的一部分，所以想学好AJAX以及现在流行的AJAX框架，学好JAVASCRIPT是最重要的，通过本篇文章给大家介绍javascript基础知识及常用方法总结，对js基础知识及常用方法相关知识感兴趣的朋友一起学习吧
2016-01-01
JS自定义右键菜单实现代码解析
这篇文章主要介绍了JS自定义右键菜单实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
javascript js cookie的存储,获取和删除
2007-12-12
js操作输入框提示信息且响应鼠标事件
注册网站的输入框就有默认提示值，当获取鼠标焦点的时候，默认值被删除，当用户没输入东西焦点离开的时候，又恢复默认提示值
2014-03-03
JavaScript中Promise处理异步的并行与串行
js中的promise是一个异步编程的解决方案,语法层面上他是一个构造函数,名字为Promise(),下面这篇文章主要给大家介绍了关于JavaScript中Promise处理异步的并行与串行的相关资料,需要的朋友可以参考下
2022-12-12
JavaScript中获取HTML元素值的三种方法
这篇文章主要为大家详细介绍了JavaScript中获取HTML元素值的三种方法，分享了JavaScript中取得元素的方法，感兴趣的小伙伴们可以参考一下
2016-06-06
VS Code中JavaScript环境搭建配置全过程
node.js大部分基本模块都用JavaScript语言编写,JavaScript最早是运行在浏览器中,通常作为客户端程序设计语言使用,node.js的出现使JavaScript也能用于服务端编程,这篇文章主要给大家介绍了关于VS Code中JavaScript环境搭建配置的相关资料,需要的朋友可以参考下
2024-02-02
JavaScript中的Array 对象（数组对象）
Array 对象用于在单个的变量中存储多个值。
2016-06-06