编程 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 相关文章推荐

将字符串转换成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