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

JavaScript中的isXX系列是否继续使用的分析

Apr 16 Javascript

javascript高级程序设计第二版第十二章事件要点总结(常用的跨浏览器检测方法)

Aug 22 Javascript

xmlhttp缓存清除的2种解决方法

Dec 13 Javascript

JS判断字符串长度的5个方法（区分中文和英文）

Mar 18 Javascript

JSON取值前判断

Dec 23 Javascript

jQuery手机浏览器中拖拽动作的艰难性分析

Feb 04 Javascript

jQuery实现仿路边灯箱广告图片轮播效果

Apr 15 Javascript

JavaScript ES5标准中新增的Array方法

Jun 28 Javascript

令按钮悬浮在(手机)页面底部的实现方法

May 02 Javascript

JS中使用gulp实现压缩文件及浏览器热加载功能

Jul 12 Javascript

微信小程序左右滑动的实现代码

Dec 15 Javascript

vue-router的hooks用法详解

Jun 08 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

海贼王动画变成“真人”后，凯多神还原，雷利太帅了！

2020/04/09 日漫

php下实现在指定目录搜索指定类型文件的函数

2008/10/03 PHP

php更改目录及子目录下所有的文件后缀的代码

2010/09/24 PHP

PHP制作万年历

2015/01/07 PHP

使用PHP接受文件并获得其后缀名的方法

2015/08/05 PHP

Laravel 创建指定表 migrate的例子

2019/10/09 PHP

激活 ActiveX 控件

2006/10/09 Javascript

javascript时区函数介绍

2012/09/14 Javascript

js实现简单随机抽奖的方法

2015/01/27 Javascript

jQuery中(function($){})(jQuery)详解

2015/07/15 Javascript

javascript与Python快速排序实例对比

2015/08/10 Javascript

AngularJS学习笔记之依赖注入详解

2016/05/16 Javascript

深入浅析JS Function()构造函数

2016/08/22 Javascript

vue中渐进过渡效果实现

2016/10/27 Javascript

JS搜狐面试题分析

2016/12/16 Javascript

node跨域请求方法小结

2017/08/25 Javascript

浅析Vue自定义组件的v-model

2017/11/26 Javascript

浅谈webpack编译vue项目生成的代码探索

2017/12/11 Javascript

python实现的一只从百度开始不断搜索的小爬虫

2013/08/13 Python

Python3中使用PyMongo的方法详解

2017/07/28 Python

python中利用队列asyncio.Queue进行通讯详解

2017/09/10 Python

pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法

2019/06/20 Python

PyTorch的Optimizer训练工具的实现

2019/08/18 Python

Python绘制股票移动均线的实例

2019/08/24 Python

python匿名函数的使用方法解析

2019/10/10 Python

学Python 3的理由和必要性

2019/11/19 Python

python opencv 检测移动物体并截图保存实例

2020/03/10 Python

如何实现在jupyter notebook中播放视频(不停地展示图片)

2020/04/23 Python

CSS3打造磨砂玻璃背景效果

2016/09/28 HTML / CSS

HTML5 声明兼容IE的写法

2011/05/16 HTML / CSS

HTML5制作表格样式

2016/11/15 HTML / CSS

鼠标滚轮事件和Mac触控板双指事件

2019/12/23 HTML / CSS

static全局变量与普通的全局变量有什么区别

2014/05/27 面试题

空气的环保标语

2014/06/12 职场文书

2015年三年级班主任工作总结

2015/05/21 职场文书

奠基仪式致辞

2015/07/30 职场文书