首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

简单的JS时钟实例讲解

Posted in Javascript onJanuary 13, 2016

本文实例介绍了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时钟实例讲解

- Author -

Superpan2015

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

Javascript 相关文章推荐
isArray()函数(JavaScript中对象类型判断的几种方法)
Nov 26 Javascript
firefox火狐浏览器与与ie兼容的2个问题总结
Jul 20 Javascript
浅谈nodeName,nodeValue,nodeType,typeof 的区别
Jan 13 Javascript
在Mac OS下使用Node.js的简单教程
Jun 24 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
Aug 31 Javascript
jQuery Validate表单验证插件实现代码
Jun 08 jQuery
Vue.extend构造器的详解
Jul 17 Javascript
javascript 作用于作用域链的详解
Sep 27 Javascript
使用JS判断移动端手机横竖屏状态
Jul 30 Javascript
微信小程序实现星级评价效果
Dec 28 Javascript
layui 表单标签的校验方法
Sep 04 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 #Javascript
详解iframe与frame的区别
Jan 13 #Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 #Javascript
Jquery uploadify上传插件使用详解
Jan 13 #Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
Jan 13 #Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 #Javascript
分享javascript计算时间差的示例代码
Mar 19 #Javascript
Panasonic(1) 德生9700DX(1) L4X25T(1) 德生PL330(2) ICF-SW7600GR(1) 飞利浦(2) ICF-SW55(1) PHILIPS(3) 松下(1) 德劲1103(3)
You might like
怎么使 Mysql 数据同步
2006/10/09 PHP
关于php curl获取301或302转向的网址问题的解决方法
2011/06/02 PHP
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
php文件下载处理方法分析
2015/04/22 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
PHP有序表查找之二分查找（折半查找）算法示例
2018/02/09 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
可以显示单图片，多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
ejs v9 javascript模板系统
2012/03/21 Javascript
分享一个常用的javascript静态类
2014/12/31 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
2018/03/14 Javascript
详解Angular5 路由传参的3种方法
2018/04/28 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
js获取浏览器地址（获取第1个斜杠后的内容）
2019/09/03 Javascript
JavaScript事件冒泡机制原理实例解析
2020/01/14 Javascript
TypeScript的安装、使用、自动编译的实现
2020/04/10 Javascript
如何解决jQuery 和其他JS库的冲突
2020/06/22 jQuery
Python闭包的两个注意事项(推荐)
2017/03/20 Python
Python基于更相减损术实现求解最大公约数的方法
2018/04/04 Python
Python3实现的Mysql数据库操作封装类
2018/06/06 Python
关于django 1.10 CSRF验证失败的解决方法
2019/08/31 Python
Python vtk读取并显示dicom文件示例
2020/01/13 Python
python matplotlib.pyplot.plot()参数用法
2020/04/14 Python
解决import tensorflow导致jupyter内核死亡的问题
2021/02/06 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
英国户外装备和冒险服装零售商：alloutdoor
2018/01/30 全球购物
通往英国高街的商店橱窗：Down Your High Street
2020/07/19 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
酒店销售经理岗位职责
2014/01/31 职场文书
上课迟到检讨书
2014/02/19 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
mysql如何查询连续记录
2022/05/11 MySQL