简单的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程序设计有所帮助。

Javascript 相关文章推荐
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
Jun 11 Javascript
JavaScript 开发规范要求(图文并茂)
Jun 11 Javascript
仅IE9/10同时支持script元素的onload和onreadystatechange事件分析
Apr 27 Javascript
jQuery的one()方法用法实例
Jan 19 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
jquery 点击元素后,滚动条滚动至该元素位置的方法
Aug 05 Javascript
微信小程序实现移动端滑动分页效果(ajax)
Jun 13 Javascript
js is_valid_filename验证文件名的函数
Jul 19 Javascript
bootstrap多层模态框滚动条消失的问题
Jul 21 Javascript
详解JSON和JSONP劫持以及解决方法
Mar 08 Javascript
javascript获取select值的方法完整实例
Jun 20 Javascript
vue下载二进制流图片操作
Oct 26 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检查日期函数checkdate用法实例
2015/03/19 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
PHP入门教程之正则表达式基本用法实例详解(正则匹配,搜索,分割等)
2016/09/11 PHP
php安装php_rar扩展实现rar文件读取和解压的方法
2016/11/17 PHP
创建一个复制UBB软件信息的链接或按钮的js代码
2008/01/06 Javascript
使用JS画图之点、线、面
2015/01/12 Javascript
JavaScipt中栈的实现方法
2016/02/17 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
2019/07/02 Javascript
vue2.0项目集成Cesium的实现方法
2019/07/30 Javascript
react+antd 递归实现树状目录操作
2020/11/02 Javascript
windows系统中python使用rar命令压缩多个文件夹示例
2014/05/06 Python
Python向Excel中插入图片的简单实现方法
2018/04/24 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
Python Flask异步发送邮件实现方法解析
2020/08/01 Python
解决pytorch 保存模型遇到的问题
2021/03/03 Python
使用CSS3来制作消息提醒框
2015/07/12 HTML / CSS
如何使用localstorage代替cookie实现跨域共享数据问题
2018/04/18 HTML / CSS
html5 初试 indexedDB(推荐)
2016/07/21 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
荷兰牛仔裤网上商店:Jeans Centre
2018/04/03 全球购物
英国复古服装和球衣购买网站:3Retro Football
2018/07/09 全球购物
俄罗斯在线服装店:STOLNIK
2021/03/07 全球购物
英国领先的在线鱼贩:The Fish Society
2020/08/12 全球购物
车间班长岗位职责
2013/11/30 职场文书
申报职称专业技术个人的自我评价
2013/12/12 职场文书
医院检讨书范文
2014/02/01 职场文书
初中考试作弊检讨书
2014/02/01 职场文书
庆六一文艺汇演活动方案
2014/08/26 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
新年晚会开场白
2015/05/29 职场文书
叶问观后感
2015/06/15 职场文书
庆元旦主持词
2015/07/06 职场文书
《比尾巴》教学反思
2016/02/24 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL