Javascript编写动态时钟：可以启动、停止

本文主要为广大网友提供“Javascript编写动态时钟：可以启动、停止”，希望对需要Javascript编写动态时钟：可以启动、停止网友有所帮助，学习一下!

现在时间是：

点击“启动时钟”则时钟开始运行。它从你的计算机中读取时间
并每半秒更新一次文字框中的显示。这个例子通过一个自调用
的函数设置了一个定时器。同时这个例子可以让你了解一点Date
对象的功能。当讲解cookies时，我提到过Date对象。

以下是代码：
 

function writeTime() {
 
  // 获得日期对象
  var today = new Date();

  // 从对象中获得信息
  var hours = today.getHours();
  var minutes = today.getMinutes();
  var seconds = today.getSeconds();

  // fixTime 使分和秒可以正常显示
  // 对于小于10的数字则在该数字前加一个0
  minutes = fixTime(minutes);
  seconds = fixTime(seconds);

  //将时间字符串组合在一起并写出
  var the_time = hours + ":" + minutes + ":" + seconds;
  window.document.the_form.the_text.value = the_time;

  //每半秒钟执行一次该函数
  the_timeout= setTimeout(''writeTime();'',500);

}

function fixTime(the_time) {

if (the_time <10) { the_time = "0" + the_time; } return the_time; }

仔细研究一下代码。

var today = new Date();
正如new Array() 可以生成一个新的数组，你可以可以用new Date() 生成一个新的日期对象。生成对象之后，你可以对其提出你的问题。你生成的新的日期对象的括号中间没有任何参数， 但JavaScript会查询计算机的始终并用其生成新的日期对象。现在我们的日期对象名为"today" ，我们可以从中提取相应的信息。
var hours = today.getHours();
这条用于获得当前的小时值。它是军队格式的时间，即，如果当前时间是下午两点，则它返回的值是14。getHours()是Javascript的日期对象内置的方法调用。
var minutes = today.getMinutes(); var seconds = today.getSeconds();
这几行原理和getHours()类似。
minutes = fixTime(minutes);
getMinutes存在一些问题，如果分钟是11:01, getMinutes将返回 "1"。时钟的显示格式可不是这样，它应该显示为“01”。

fixTime函数就是用于执行纠正显示格式的功能。
下面两行将字符串组合在一起并显示出来，
the_timeout = setTimeout(''writeTime();'', 500);
设置没半秒执行一次该函数的循环。