javascript实现模拟时钟的方法


Posted in Javascript onMay 13, 2015

本文实例讲述了javascript实现模拟时钟的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>javascript模拟时钟</title>
 <!--Javascript示例代码解释:
 这个示例用到了Javascript内置对象Date的getFullYear,
 getMonth和getDate方法。首先申明一个变量d,var d = new Date(),
 表示将当天的日期值赋给变量d。然后使用getFullYear得到年份的值,
 用getMonth得到月份值(注:getMonth返回值范围为0到11,
 所以要得到实际的月份,还要加1),
 用getDate得到当天日期所在月份的日期值。
 这个示例还用到了"test?语句1:语句2",
 意思是如果符合test条件,那么执行语句1,
 否则使用语句2。计算月和日都用到了这个语法,
 如果月和日小于10,在月和日的值之前应该加0。=-->
 <script type="text/javascript">
  function Format2Len(i) {
//   if (i < 10) {
//    return "0" + i;
//   }
//   else {
//    return i;
   //   }
   return i < 10 ? "0" + i : i;
  }
  function RefreshClock() {
   var CurrentTime = new Date();
   var timeStr = CurrentTime.getFullYear() + "-" +
     Format2Len(CurrentTime.getMonth()+1) + "-" +
     Format2Len(CurrentTime.getDate()) + " " +
     Format2Len(CurrentTime.getHours()) + ":" +
     Format2Len(CurrentTime.getMinutes()) + ":" +
     Format2Len(CurrentTime.getSeconds());
   txtClock.value = timeStr;
  }
  setInterval("RefreshClock()", 1000);
 </script>
</head>
<body onload="RefreshClock()">
<!--页面加载的时候执行一次-->
 当前时间:<input type="text" id="txtClock" />
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Javascript 文件夹选择框的两种解决方案
Jul 01 Javascript
在IE6下发生Internet Explorer cannot open the Internet site错误
Jun 21 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
JS实现仿微博可关闭弹出层效果
Sep 21 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
BootStrap selectpicker
Jun 20 Javascript
javascript操作cookie
Jan 17 Javascript
js实现楼层导航功能
Feb 23 Javascript
Angular2整合其他插件的方法
Jan 20 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
js getBoundingClientRect使用方法详解
Jul 17 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
javascript实现点击后变换按钮显示文字的方法
May 13 #Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 #Javascript
javascript中clipboardData对象用法详解
May 13 #Javascript
javascript实现在网页任意处点左键弹出隐藏菜单的方法
May 13 #Javascript
浅谈jQuery中replace()方法
May 13 #Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 #Javascript
JS实现模拟风力的雪花飘落效果
May 13 #Javascript
You might like
开发大型 PHP 项目的方法
2007/01/02 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
PHP中使用php://input处理相同name值的表单数据
2015/02/03 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
JavaScript 开发中规范性的一点感想
2009/06/23 Javascript
jquery DIV撑大让滚动条滚到最底部代码
2013/06/06 Javascript
基于jQuery实现在线选座之高铁版
2015/08/24 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
js模糊查询实例分享
2016/12/26 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
angular.js指令中的controller、compile与link函数的不同之处
2017/05/10 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
javascript获取元素的计算样式
2019/05/24 Javascript
使用JQuery自动完成插件Auto Complete详解
2019/06/18 jQuery
开发中常用的25个JavaScript单行代码(小结)
2019/06/28 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
[01:30]DOTA2上海特锦赛现场采访 Loda倾情献唱
2016/03/25 DOTA
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
Python写的Tkinter程序屏幕居中方法
2015/03/10 Python
python使用分治法实现求解最大值的方法
2015/05/12 Python
使用 Python 实现微信公众号粉丝迁移流程
2018/01/03 Python
Python Json序列化与反序列化的示例
2018/01/31 Python
DataFrame:通过SparkSql将scala类转为DataFrame的方法
2019/01/29 Python
python django生成迁移文件的实例
2019/08/31 Python
德国健康生活方式网上商店:Landkaufhaus Mayer
2019/03/12 全球购物
山海经纬软件测试笔试题和面试题
2013/04/02 面试题
资深财务管理人员自我评价
2013/09/22 职场文书
岗位廉政承诺书
2014/03/27 职场文书
优秀语文教师事迹
2014/05/18 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书
mysql外连接与内连接查询的不同之处
2021/06/03 MySQL
一篇文章学会Vue中间件管道
2021/06/20 Vue.js