简单的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程序设计有所帮助。

Javascript 相关文章推荐
js null,undefined,字符串小结
Aug 21 Javascript
JS中批量给元素绑定事件过程中的相关问题使用闭包解决
Apr 15 Javascript
javascript计时器事件使用详解
Jan 07 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
整理Javascript事件响应学习笔记
Dec 02 Javascript
使用jQuery实现WordPress中的Ctrl+Enter和@评论回复
May 21 Javascript
jquery实现全选、不选、反选的两种方法
Sep 06 Javascript
jQuery中Find选择器用法示例
Sep 21 Javascript
微信小程序技巧之show内容展示,上传文件编码问题
Jan 23 Javascript
浅谈node中的cluster集群
Jun 02 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
基于Vue中使用节流Lodash throttle详解
Oct 30 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
You might like
PHP 页面跳转到另一个页面的多种方法方法总结
2009/07/07 PHP
如何判断php mysqli扩展类是否开启
2016/12/24 PHP
window.location.hash 属性使用说明
2010/03/20 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
关于js遍历表格的实例
2013/07/10 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
Nodejs从有门道无门菜鸟起飞必看教程
2016/07/20 NodeJs
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
jQuery实现分页功能(含ajax请求、后台数据、附完整demo)
2017/04/03 jQuery
js上传图片预览的实现方法
2017/05/09 Javascript
Vue.directive()的用法和实例详解
2018/03/04 Javascript
微信小程序实现左滑修改、删除功能
2020/10/19 Javascript
Bootstrap实现省市区三级联动(亲测可用)
2019/07/26 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
利用 JavaScript 实现并发控制的示例代码
2020/12/31 Javascript
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
Python实现简单的多任务mysql转xml的方法
2017/02/08 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
python list多级排序知识点总结
2019/10/23 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
python thrift 实现 单端口多服务的过程
2020/06/08 Python
HTML5的结构和语义(5):交互
2008/10/17 HTML / CSS
HTML5+lufylegend实现游戏中的卷轴
2016/02/29 HTML / CSS
HTML5的新特性(1)
2016/03/03 HTML / CSS
机械设计职业生涯规划书
2013/12/27 职场文书
外企财务年会演讲稿
2014/01/03 职场文书
工艺员岗位职责
2014/02/11 职场文书
原料仓管员岗位职责
2014/04/12 职场文书
中华在我心中演讲稿
2014/09/13 职场文书
民间借贷纠纷案件代理词
2015/05/26 职场文书
无房证明样本
2015/06/17 职场文书
青少年法制教育心得体会
2016/01/14 职场文书
2016计算机专业毕业生自荐信
2016/01/28 职场文书
实用干货:敬酒词大全,帮你应付各种场合
2019/11/21 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python