查看完整版本: JavaScript实例教程（十一）显示一个动态的时钟

JavaScript实例教程（十一）显示一个动态的时钟

前面说的显示当前[wiki]时间[/wiki]日期是静态的，我们这里来实现一个动态的时钟。

在%26lt;head%26gt;和%26lt;/head%26gt;之间插入下列代码：

%26lt;script%26gt;
//定义时钟显示的函数
functiondisplayTime(){
vartoday=newDate();
//定义日期[wiki]对象[/wiki]

varhours=today.getHours();
varminutes=today.getMinutes();
varseconds=today.getSeconds();
//从日期对象中中获得时间[wiki]信息[/wiki]

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

varthe_time=hours+":"+minutes+":"+seconds;
//将时间字符串组合在一起并写出
window.document.the_form.the_text.value=the_time;
//把表格的值重新写一遍，相当于刷新时间

the_timeout=setTimeout('displayTime();',500);
//每半秒钟执行一次该函数,即500毫秒
}
functionfixTime(the_time)
{if(the_time%26lt;10){the_time="0"+the_time;}returnthe_time;}
%26lt;/script%26gt;

把%26lt;body%26gt;改为%26lt;bodyonload=displayTime()%26gt;

再在%26lt;body%26gt;标签间输入

欢迎光临5D[wiki]多媒体[/wiki]现在是北京时间：
%26lt;formname="the_form"%26gt;
%26lt;p%26gt;%26lt;fontface="宋体"%26gt;%26lt;input[wiki]type[/wiki]="text"name="the_text"size="16"%26gt;%26lt;/form%26gt;