简单的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 相关文章推荐
将字符串转换成gb2312或者utf-8编码的参数(js版)
Apr 10 Javascript
js判断字符长度以及中英文数字等
Dec 31 Javascript
JS 实现列表与多选框选择附预览动画
Oct 29 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
浅谈jquery事件处理
Apr 24 Javascript
JavaScript设置表单上传时文件个数的方法
Aug 11 Javascript
用jquery的attr方法实现图片切换效果
Feb 05 Javascript
JavaScript中数组Array.sort()排序方法详解
Mar 01 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
angular2 ng build部署后base文件路径问题详细解答
Jul 15 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 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中进行身份认证
2006/10/09 PHP
使用php+apc实现上传进度条且在IE7下不显示的问题解决方法
2013/04/25 PHP
php mysql_real_escape_string函数用法与实例教程
2013/09/30 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
PHP定时执行任务实现方法详解(Timer)
2015/07/30 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
Node.js实战 建立简单的Web服务器
2012/03/08 Javascript
设为首页加入收藏兼容360/火狐/谷歌/IE等主流浏览器的代码
2013/03/26 Javascript
JQuery中DOM事件冒泡实例分析
2015/06/13 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
onmouseover事件和onmouseout事件全面理解
2016/08/15 Javascript
js实现上传文件添加和删除文件选择框
2016/10/24 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
利用aardio给python编写图形界面
2017/08/21 Python
Python 获得13位unix时间戳的方法
2017/10/20 Python
python使用turtle库绘制时钟
2020/03/25 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
Django学习之文件上传与下载
2019/10/06 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
jupyter notebook参数化运行python方式
2020/04/10 Python
如何让IE9以下版本(ie6/7/8)认识html5元素
2013/04/01 HTML / CSS
美国女鞋品牌:naturalizer(娜然)
2016/08/01 全球购物
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
LA MER海蓝之谜美国官网:传奇面霜
2016/08/27 全球购物
京东全球售:直邮香港,澳门,台湾,美国,澳大利亚等地区
2017/09/24 全球购物
澳大利亚领先的美容护肤品零售商之一:SkincareStore
2018/01/22 全球购物
什么是View State?
2013/01/27 面试题
秋季运动会活动方案
2014/02/05 职场文书
师德建设实施方案
2014/03/21 职场文书
职员竞岗演讲稿
2014/05/14 职场文书
技术入股合作协议书
2014/10/07 职场文书
2015学校六五普法工作总结
2015/04/22 职场文书
大学感恩节活动总结
2015/05/05 职场文书
浅谈哪个Python库才最适合做数据可视化
2021/06/28 Python