滚动中变化的时钟

2005-11-8 alvar
我想在主页上做一个时钟，原来我用了getHour,getMinutes
组合成字符串后，显示在页面上，但是我发现不能够随着时间的变化而变化
如果浏览者很久没有刷新页面，那么它会看到凝固的时间（如果他真以这个时间为准的话
他就惨了），让他动起来的，我自然想到了setTimeOut
但是懒得写代码（这个习惯是不是很不好？）
google一下，找了这么一篇
//能显示秒走动的时钟
...........
 timeValue += ((hours >12) ? hours -12 :hours)
 timeValue += ((minutes < 10) ? ":0" : ":") + minutes
 timeValue += ((seconds < 10) ? ":0" : ":") + seconds
 document.clock.thetime.value = timeValue;
 timerID = setTimeout("showtime()",1000);
 timerRunning = true;
}

功能上，这段可以满足我的要求，原理是随着时间变化，改变一个form中的input的value
但因为，我想把时间放在一个20px的滚动的层中，
当我插入了这个form之后，20px对于层来说，明显不够用了
所以用form是不可行的
我想起了有innerHTML这样一个属性，查阅dhtml手册，
“Sets or retrieves the HTML between the start and end tags of the object.”
觉得可以用这个办法来做到，刚开始的时候不太清楚，
定义了一个p标签，所有的内容都往这个里面写
结果出现internet无法打开搜索页，即将结束的警告框
郁闷了大概半个小时，在仔细研读手册，他用的是div，我也试试
结果非常好，这样我就实现了始终一边滚动一边变化的效果
而且不用form的话，各种效果都比较容易控制，
form那个东西太占空间了