动态时钟

believebowps 2004-05-05 02:22:34
<script language="JavaScript" type="text/javascript">
<!--
var image_array = new Array()
image_array[0] = "colock/0.jpg"
image_array[1] = "colock/1.jpg"
image_array[2] = "colock/2.jpg"
image_array[3] = "colock/3.jpg"
image_array[4] = "colock/4.jpg"
image_array[5] = "colock/5.jpg"
image_array[6] = "colock/6.jpg"
image_array[7] = "colock/7.jpg"
image_array[8] = "colock/8.jpg"
image_array[9] = "colock/9.jpg"

var interval_id = setInterval("update_clock()",1000)

function update_clock(){

var current_time = new Date()

var current_hour = current_time.getHours()
var hour_left = Math.floor(current_hour/10)
var hour_right = current.hour % 10
document.images["hour1"].src = image_array[hour_left]
document.images["hour2"].src = image_array[hour_right]

var current_minute = current_time.getMinutes()
var minute_left = Math.floor(current_minute/10)
var minute_right = current_minute % 10
document.images["minute1"].src = image_array[minute_left]
document.images["minute2"].src = image_array[minute_right]

var current_second = current_time.getSeconds()
var second_left = Math.floor(current_second/10)
var second_right = current_second % 10
document.images["second1"].src = image_array[second_left]
document.images["second2"].src = image_array[second_right]
}
//-->
</script>

这是我以前用的代码,但我忘记了下面图片的设置方法了,请高手指点,谢谢,^_^
...全文
201 11 点赞 打赏 收藏 举报
写回复
11 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
believebowps 2004-05-11
没有人回答,这个帖子怎么结呀??
  • 打赏
  • 举报
回复
believebowps 2004-05-07
没有搞错滴,试了很多次,我也没找到为什么会报这个错误。
  • 打赏
  • 举报
回复
congcong818 2004-05-06
不会,代码中根本没有current这个变量,是不是你搞错了?
  • 打赏
  • 举报
回复
believebowps 2004-05-06
总是报错 : current 未定义 第29行

就是这句 var hour_left = Math.floor(current_hour/10)

可能这几句都有问题:var minute_left = Math.floor(current_minute/10)
var second_left = Math.floor(current_second/10)
  • 打赏
  • 举报
回复
believebowps 2004-05-06
嗯,我试试,^_^
  • 打赏
  • 举报
回复
congcong818 2004-05-05
不好意思,看错了,
在页面中要显示时钟的地方应该这样写代码:
<table>
<tr>
<td><img name=hour1></td>
<td><img name=hour2></td>
<td><img name=minute1></td>
<td><img name=minute2></td>
<td><img name=second1></td>
<td><img name=second2></td>
</tr>
</table>
  • 打赏
  • 举报
回复
congcong818 2004-05-05
<img src="colock/0.jpg" name="hour1">
<img src="colock/0.jpg" name="hour_left">
页面中根本不需要有这样的代码,
因为
image_array[0] = "colock/0.jpg"。。。。
就是在引用图片路径。

在页面中要显示时钟的地方插入你的<script></script>代码就行了。
  • 打赏
  • 举报
回复
believebowps 2004-05-05
up
  • 打赏
  • 举报
回复
believebowps 2004-05-05
对,是数字时钟,我现在就是忘了在插入数字图片以后,应该怎样设置比如:
<img src="colock/0.jpg" name="hour1">
<img src="colock/0.jpg" name="hour_left">
这两句到底那一句是对的??
  • 打赏
  • 举报
回复
congcong818 2004-05-05
从你的代码来看,10个图片应该分别显示的是 0-9 十个阿拉伯数字。
你的时钟是数字时钟,而不是指针时钟。
  • 打赏
  • 举报
回复
joe820302 2004-05-05
http://chenjinping.y365.com/j51.htm
  • 打赏
  • 举报
回复
相关推荐
发帖
CSS
加入

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2004-05-05 02:22
社区公告
暂无公告