动态时钟

[believebowps]

<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>

这是我以前用的代码，但我忘记了下面图片的设置方法了，请高手指点，谢谢，^_^

[joe820302]

http://chenjinping.y365.com/j51.htm

• 打赏
• 举报

回复 赞

[congcong818]

从你的代码来看，10个图片应该分别显示的是 0-9 十个阿拉伯数字。
你的时钟是数字时钟，而不是指针时钟。

• 打赏
• 举报

回复 赞

[believebowps]

对，是数字时钟，我现在就是忘了在插入数字图片以后，应该怎样设置比如：
<img src="colock/0.jpg" name="hour1">
<img src="colock/0.jpg" name="hour_left">
这两句到底那一句是对的？？

• 打赏
• 举报

回复 赞

[believebowps]

up

• 打赏
• 举报

回复 赞

[congcong818]

<img src="colock/0.jpg" name="hour1">
<img src="colock/0.jpg" name="hour_left">
页面中根本不需要有这样的代码，
因为
image_array[0] = "colock/0.jpg"。。。。
就是在引用图片路径。

在页面中要显示时钟的地方插入你的<script></script>代码就行了。

• 打赏
• 举报

回复 赞

[congcong818]

不好意思，看错了，
在页面中要显示时钟的地方应该这样写代码：
<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>

• 打赏
• 举报

回复 赞

[believebowps]

嗯，我试试，^_^

• 打赏
• 举报

回复 赞

[believebowps]

总是报错 ： 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)

• 打赏
• 举报

回复 赞

[congcong818]

不会，代码中根本没有current这个变量，是不是你搞错了？

• 打赏
• 举报

回复 赞

[believebowps]

没有搞错滴，试了很多次，我也没找到为什么会报这个错误。

• 打赏
• 举报

回复 赞

[believebowps]

没有人回答，这个帖子怎么结呀？？

• 打赏
• 举报

回复 赞