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

兼容FireFox 的 js 日历支持时间的获取

Mar 04 Javascript

javascript实现促销倒计时+fixed固定在底部

Sep 18 Javascript

全面理解面向对象的 JavaScript(来自ibm)

Nov 10 Javascript

Ajax同步与异步传输的示例代码

Nov 21 Javascript

js实现简单锁屏功能实例

May 27 Javascript

jquery实现最简单的滑动菜单效果代码

Sep 12 Javascript

浅谈javascript中的call、apply、bind

Mar 06 Javascript

JavaScript的模块化开发框架Sea.js上手指南

May 12 Javascript

微信小程序开发（二）图片上传+服务端接收详解

Jan 11 Javascript

如何给ss bash 写一个 WEB 端查看流量的页面

Mar 23 Javascript

微信小程序手机号码验证功能的实例代码

Aug 28 Javascript

JavaScript字符串处理常见操作方法小结

Nov 15 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

采用header定义为文件然后readfile下载(隐藏下载地址)

2014/01/31 PHP

php传值赋值和传地址赋值用法实例分析

2015/06/20 PHP

浅析php如何实现App常用的秒发功能

2016/08/03 PHP

php微信公众号开发（2）百度BAE搭建和数据库使用

2016/12/15 PHP

PHP策略模式定义与用法示例

2017/07/27 PHP

php mysql PDO 查询操作的实例详解

2017/09/23 PHP

laravel migrate初学常见错误的解决方法

2017/10/11 PHP

学习jquery必备 api中英文对照的chm手册下载

2007/05/03 Javascript

jquery 弹出登录窗口实现代码

2009/12/24 Javascript

js仿百度有啊通栏展示效果实现代码

2013/05/28 Javascript

ie7+背景透明文字不透明超级简单的实现方法

2014/01/17 Javascript

如何正确使用Nodejs 的 c++ module 链接到 OpenSSL

2014/08/03 NodeJs

PHP配置文件php.ini中打开错误报告的设置方法

2015/01/09 PHP

jQuery使用slideUp方法实现控制元素缓慢收起

2015/03/27 Javascript

javascript显示中文日期的方法

2015/06/18 Javascript

JS中append字符串包含onclick无效传递参数失败的解决方案

2016/12/26 Javascript

JQuery validate 验证一个单独的表单元素实例

2017/02/17 Javascript

bootstrap模态框远程示例代码分享

2017/05/22 Javascript

Angular4项目中添加i18n国际化插件ngx-translate的步骤详解

2017/07/02 Javascript

Vue.js中组件中的slot实例详解

2017/07/17 Javascript

vue element-ui table表格滚动加载方法

2018/03/02 Javascript

Vue无限滑动周选择日期的组件的示例代码

2018/07/18 Javascript

vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

2018/08/25 Javascript

微信小程序template模板与component组件的区别和使用详解

2019/05/22 Javascript

Vue+axios封装请求实现前后端分离

2020/10/23 Javascript

使用python实现BLAST

2018/02/12 Python

Python使用cx_Oracle模块操作Oracle数据库详解

2018/05/07 Python

详解pyinstaller selenium python3 chrome打包问题

2019/10/18 Python

Python网络爬虫四大选择器用法原理总结

2020/06/01 Python

GNC健安喜官方海外旗舰店：美国著名保健品牌

2017/01/04 全球购物

高山背包：High Sierra

2017/11/23 全球购物

年度考核自我评价

2014/01/25 职场文书

导游实习生自荐书

2014/01/28 职场文书

机关道德讲堂实施方案

2014/03/15 职场文书

公司离职证明标准样本

2014/10/05 职场文书

2015年上半年党建工作总结

2015/03/30 职场文书