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

Ext中下拉列表ComboBox组件store数据格式用法介绍

Jul 15 Javascript

利用js动态添加删除table行的示例代码

Dec 16 Javascript

JavaScript中判断整字类型最简洁的实现方法

Nov 08 Javascript

js给网页加上背景音乐及选择音效的方法

Mar 03 Javascript

JavaScript中数据结构与算法(五)：经典KMP算法

Jun 19 Javascript

jquery实现清新实用的网页菜单效果

Aug 28 Javascript

JS插件plupload.js实现多图上传并显示进度条

Nov 29 Javascript

详解vue组件化开发-vuex状态管理库

Apr 10 Javascript

原生JS实现移动端web轮播图详解（结合Tween算法造轮子）

Sep 10 Javascript

如何在vue里添加好看的lottie动画

Aug 02 Javascript

微信小程序实现蓝牙打印

Sep 23 Javascript

JS实现点星星消除小游戏

Mar 24 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中PDO解决中文乱码问题的一些补充

2010/09/06 PHP

PHP快速按行读取CSV大文件的封装类分享（也适用于其它超大文本文件）

2014/04/10 PHP

几个实用的PHP内置函数使用指南

2014/11/27 PHP

PHP实现类似题库抽题效果

2018/08/16 PHP

jQuery 学习第五课 Ajax 使用说明

2010/05/17 Javascript

与jquery serializeArray()一起使用的函数，主要来方便提交表单

2011/01/31 Javascript

javascript学习笔记(十五) js间歇调用和超时调用

2012/06/20 Javascript

JS getAttribute和setAttribute(取得和设置属性)的使用介绍

2013/07/10 Javascript

你未必知道的JavaScript和CSS交互的5种方法

2014/04/02 Javascript

深入分析JSONP跨域的原理

2014/12/10 Javascript

node.js集成百度UE编辑器

2015/02/05 Javascript

jQuery实现的网页竖向菜单效果代码

2015/08/26 Javascript

详解AngularJS中module模块的导入导出

2015/12/10 Javascript

JavaScript实现相册弹窗功能（zepto.js)

2016/06/21 Javascript

详解JavaScript跨域总结与解决办法

2016/10/31 Javascript

使用vue与jquery实时监听用户输入状态的操作代码

2017/09/19 jQuery

JS使用Date对象实时显示当前系统时间简单示例

2018/08/23 Javascript

利用Vconsole和Fillder进行移动端抓包调试方法

2019/03/05 Javascript

深入学习JavaScript 高阶函数

2019/06/11 Javascript

vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)

2019/08/17 Javascript

VUE实现密码验证与提示功能

2019/10/18 Javascript

js实现扫雷源代码

2020/11/27 Javascript

[48:23]DOTA2上海特级锦标赛主赛事日 - 4 败者组第四轮#1COL VS EG第一局

2016/03/05 DOTA

Python反转序列的方法实例分析

2018/03/21 Python

python pandas利用fillna方法实现部分自动填充功能

2020/03/16 Python

windows python3安装Jupyter Notebooks教程

2020/04/13 Python

django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例

2020/05/12 Python

python3中布局背景颜色代码分析

2020/12/01 Python

html5清空画布方法（三种）

2017/10/16 HTML / CSS

产品开发计划书

2014/04/27 职场文书

成本会计实训报告

2014/11/05 职场文书

小学生作文评语集锦

2014/12/25 职场文书

实习报告怎么写

2019/06/20 职场文书

党员学习型组织心得体会

2019/06/21 职场文书

解决Golang中ResponseWriter的一个坑

2021/04/27 Golang

Python3使用Qt5来实现简易的五子棋小游戏

2022/05/02 Python