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

WordPress 插件——CoolCode使用方法与下载

Jul 02 Javascript

用js做一个小游戏平台 (一)

Dec 29 Javascript

js获取height和width的方法说明

Jan 06 Javascript

jquery遍历checkbox的注意事项说明

Feb 21 Javascript

javascript判断数组内是否重复的方法

Apr 21 Javascript

vue增删改查的简单操作

Jul 15 Javascript

BootStrap Fileinput上传插件使用实例代码

Jul 28 Javascript

最后说说Vue2 SSR 的 Cookies 问题

May 25 Javascript

使用vue-infinite-scroll实现无限滚动效果

Jun 22 Javascript

Vue.js 中的 v-show 指令及用法详解

Nov 19 Javascript

setTimeout与setInterval的区别浅析

Mar 23 Javascript

js实现类选择器和name属性选择器的示例步骤

Feb 07 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 magic_quotes_gpc的使用方法详解

2013/06/24 PHP

PHP使用mysql_fetch_row查询获得数据行列表的方法

2015/03/18 PHP

php使用ZipArchive函数实现文件的压缩与解压缩

2015/10/27 PHP

php lcg_value与mt_rand生成0~1随机小数的效果对比分析

2017/04/05 PHP

php实现的三个常用加密解密功能函数示例

2017/11/06 PHP

PHP7.3.10编译安装教程

2019/10/08 PHP

Prototype Hash对象学习

2009/07/19 Javascript

IE DOM实现存在的部分问题及解决方法

2009/07/25 Javascript

jquery imgareaselect 使用利用js与程序结合实现图片剪切

2009/07/30 Javascript

jquery tools 系列 scrollable（2）

2009/09/06 Javascript

jQuery 1.7.2中getAll方法的疑惑分析

2012/05/23 Javascript

jQuery表格行上移下移和置顶的实现方法

2015/10/08 Javascript

深入理解$.each和$(selector).each

2016/05/15 Javascript

深入浅析JavaScript中的Function类型

2016/07/09 Javascript

给easyui的datebox控件添加清空按钮的实现方法

2016/11/09 Javascript

JS实现的适合做faq或menu滑动效果示例

2016/11/17 Javascript

如何让微信小程序页面之间的通信不再变困难

2019/06/03 Javascript

[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界

2014/03/26 DOTA

[58:15]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 NB vs Liquid

2018/04/02 DOTA

[01:45:05]VGJ.T vs Newbee Supermajor 败者组 BO3 第二场 6.6

2018/06/07 DOTA

Python中的pygal安装和绘制直方图代码分享

2017/12/08 Python

Python工厂函数用法实例分析

2018/05/14 Python

如何在Python中实现goto语句的方法

2019/05/18 Python

python numpy存取文件的方式

2020/04/01 Python

python tkinter 设置窗口大小不可缩放实例

2020/03/04 Python

Django中使用Json返回数据的实现方法

2020/06/03 Python

解决pycharm debug时界面下方不出现step等按钮及变量值的问题

2020/06/09 Python

让IE可以变相支持CSS3选择器

2010/01/21 HTML / CSS

西尔斯百货官网：Sears

2016/09/06 全球购物

保安的辞职报告怎么写

2014/01/20 职场文书

中学生个人自我评价

2014/02/06 职场文书

募捐倡议书怎么写

2014/05/14 职场文书

领导班子党的群众路线教育实践活动对照检查材料

2014/09/25 职场文书

2015年党员岗位承诺书

2015/04/27 职场文书

python元组打包和解包过程详解

2021/08/02 Python

JavaScript 反射学习技巧

2021/10/16 Javascript