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那个东西太占空间了