利用JavaScript编写简单的电子时钟_雷雷

http://blog.sina.com.cn/u/1311087074

首页博文目录关于我

个人资料

微博

加好友发纸条

写留言加关注

博客等级：
博客积分：

博客访问：
关注人气：
获赠金笔：0支
赠出金笔：0支
荣誉徽章：

正文字体大小：大中小

利用JavaScript编写简单的电子时钟

(2009-03-24 14:24:49)

标签：

now

递归函数

javascript

时钟

window对象

document对象

settimeout

it

分类： Java

(http://blog.sina.com.cn/maggieiloveu)

<html>
<head>
  <title>JavaScript简易时钟</title>
  <script language="javascript">
   function showTime()
   {
    var now=new Date();
    var hours=now.getHours();
    var mins=now.getMinutes();
    var secs=now.getSeconds();
    var timeVal="";
    timeVal+=hours;
    timeVal+=((mins<=10)?":0":":")+mins;
    timeVal+=((secs<=10)?":0":":")+secs;
    timeVal+=((hours<12)?"AM":"PM");
    document.clock.time.value=timeVal;
    timerID=setTimeout("showTime()",1000);
   }
  </script>
</head>
<body onLoad="showTime()">
  <form name="clock">
   电子时钟：
   <input type="text" name="time" size="10" value="">
  </form>
</body>
</html>

(http://blog.sina.com.cn/maggieiloveu)

哈哈，看一下页面运行后的效果吧！

(http://blog.sina.com.cn/maggieiloveu)

分析说明：
（1）本例中的<script>块中的函数showTime()是一个递归函数。在函数中调用它自己的这种函数叫做递归函数。
（2）本例试用了一个变量timeVal，将获得的当前时间的小时数、分钟数、秒数以及AM或PM逐渐加到该变量中，通过document.clock.time.value=timeVal一句，将变量的值赋给页面文档clock表单中的time文本框的value变量，因此在文本框中就出现了timeVal的值。
（3）在调用函数showTime()自己时，试用了window对象的定时设置方法setTimeout()，规定过1秒钟就调用该函数。

(http://blog.sina.com.cn/maggieiloveu)

努力学习，做个有用的人材、人才或者人财！

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report

前一篇：利用JavaScript编写一个简单的计算器

后一篇：鼠标的历史

新浪BLOG意见反馈留言板　欢迎批评指正