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

jQuery选择器源码解读（五）：tokenize的解析过程

Mar 31 Javascript

javascript实现checkbox全选的代码

Apr 30 Javascript

AngularJS 中的指令实践开发指南(一)

Mar 20 Javascript

JQuery validate插件验证用户注册信息

May 11 Javascript

Bootstrap组件学习之导航、标签、面包屑导航(精品)

May 17 Javascript

深入浅析jQuery对象$.html

Aug 22 Javascript

jQuery设置图片等比例缩小的方法

Apr 29 jQuery

easyui下拉框动态级联加载的示例代码

Nov 29 Javascript

vue组件实现进度条效果

Jun 06 Javascript

vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法

Oct 22 Javascript

CKeditor4 字体颜色功能配置方法教程

Jun 26 Javascript

Vue项目实现换肤功能的一种方案分析

Aug 28 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编程函数安全篇

2013/01/08 PHP

PHP实现截取中文字符串不出现?号的解决方法

2016/12/29 PHP

jquery插件开发之实现md5插件

2014/03/17 Javascript

JS实现向表格中动态添加行的方法

2015/03/30 Javascript

js实现仿阿里巴巴城市选择框效果实例

2015/06/24 Javascript

javascript学习笔记之函数定义

2015/06/25 Javascript

深入解析Javascript闭包的功能及实现方法

2016/07/10 Javascript

js判断数组key是否存在(不用循环)的简单实例

2016/08/03 Javascript

Node.js中process模块常用的属性和方法

2016/12/13 Javascript

js数组与字符串常用方法总结

2017/01/13 Javascript

浅谈angular2的http请求返回结果的subcribe注意事项

2017/03/01 Javascript

微信小程序 flex实现导航实例详解

2017/04/26 Javascript

vue.js移动端app实战1：初始配置详解

2017/07/24 Javascript

浅谈React深度编程之受控组件与非受控组件

2017/12/26 Javascript

微信小程序实现分享到朋友圈功能

2018/07/19 Javascript

如何在Vue.js中实现标签页组件详解

2019/01/02 Javascript

原生js通过一行代码实现简易轮播图

2019/06/05 Javascript

通过JQuery，JQueryUI和Jsplumb实现拖拽模块

2019/06/18 jQuery

ant-design-vue中的select选择器,对输入值的进行筛选操作

2020/10/24 Javascript

[52:10]LGD vs Optic Supermajor小组赛D组胜者组决赛 BO3 第二场 6.3

2018/06/04 DOTA

python实现周期方波信号频谱图

2018/07/21 Python

python实现批量注册网站用户的示例

2019/02/22 Python

详解python实现数据归一化处理的方式：（0,1）标准化

2019/07/17 Python

Flask教程之重定向与错误处理实例分析

2019/08/01 Python

一篇文章教你用python画动态爱心表白

2020/11/22 Python

纯CSS3实现的井字棋游戏

2020/11/25 HTML / CSS

孕妇内衣和胸罩：Cake Maternity

2018/07/16 全球购物

主办会计岗位职责

2014/03/13 职场文书

求职信范文大全

2014/05/26 职场文书

校园绿化美化方案

2014/06/08 职场文书

农村门前三包责任书

2014/07/25 职场文书

2015年教育实习工作总结

2015/04/24 职场文书

导游词之四川武侯祠

2019/10/21 职场文书

Springboot/Springcloud项目集成redis进行存取的过程解析

2021/12/04 Redis

SQL SERVER实现连接与合并查询

2022/02/24 SQL Server

html解决浏览器记住密码输入框的问题

2023/05/07 HTML / CSS