编程 Javascript

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实现模拟时钟的方法

- Author -

永远爱好写程序

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

避免回车键导致的页面无意义刷新的解决方法

Apr 12 Javascript

Javascript Throttle & Debounce应用介绍

Mar 19 Javascript

showModalDialog在谷歌浏览器下会返回Null的解决方法

Nov 27 Javascript

JQuery 控制内容长度超出规定长度显示省略号

May 23 Javascript

再谈javascript原型继承

Nov 10 Javascript

node.js中的events.emitter.once方法使用说明

Dec 10 Javascript

Node.js中使用socket创建私聊和公聊聊天室

Nov 19 Javascript

Bootstrap所支持的表单控件实例详解

May 16 Javascript

vue实现商城上货组件简易版

Nov 27 Javascript

微信小程序实现全局搜索代码高亮的示例

Mar 30 Javascript

浅谈vue项目打包优化策略

Sep 29 Javascript

Vue自动构建发布脚本的方法示例

Jul 24 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