为什么我调用setInterval() 方法没有效果呢
大家好,请帮帮忙~~~~~~我自己用JavaScript写了个时钟的程序,但是不知道为什么,我尝试过使用setTimeout() 方法 && setInterval() 方法,来令HTLM显示的时间自己跳动起来,但是最终还是失败啊!
效果图:
请指点一下谢谢~~~~~
2009-11-29 20:24
2009-11-30 09:24
程序代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. xmlns="http://www. http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function showTime(){
setInterval(clock,1000);
}
function clock(){
var myDate = new Date();
var year = myDate.getFullYear();
var year = new String(year);
var month = myDate.getMonth()+1;
var month = new String(month);
var date = myDate.getDate();
var date = new String(date);
var hour = myDate.getHours();
var hour = new String(hour);
var minute = myDate.getMinutes();
var minute = new String(minute);
var second = myDate.getSeconds();
var second = new String(second);
var str = '';
str += year+"年"+month+"月"+date+"日"+hour+"时"+minute+"分"+second+"秒";
var ret_y="";
var array_year=year.split("");
for(var i=0;i<array_year.length;i++){
ret_y+='<img src="'+array_year[i]+'.gif">';
}
str += ret_y;
str += "年\t";
//$('showtime').innerHTML= str;
var ret_m="";
var array_month=month.split("");
for(var i=0;i<array_month.length;i++){
ret_m+='<img src="'+array_month[i]+'.gif">';
}
str += ret_m;
str += "月\t";
var ret_d="";
var array_date=date.split("");
for(var i=0;i<array_date.length;i++){
ret_d+='<img src="'+array_date[i]+'.gif">';
}
str += ret_d;
str += "日\t";
var ret_h="";
var array_hour=hour.split("");
for(var i=0;i<array_hour.length;i++){
ret_h+='<img src="'+array_hour[i]+'.gif">';
}
str += ret_h;
str += "时\t";
var ret_m="";
var array_minute=minute.split("");
for(var i=0;i<array_minute.length;i++){
ret_m+='<img src="'+array_minute[i]+'.gif">';
}
str += ret_m;
str += "分\t";
var ret_s="";
var array_second=second.split("");
for(var i=0;i<array_second.length;i++){
ret_s+='<img src="'+array_second[i]+'.gif">';
}
str += ret_s;
str += "秒\t";
$('showtime').innerHTML = str;
}
</script>
<!--我尝试过使用setTimeout() 方法 && setInterval() 方法,来令HTLM显示的时间自己跳动起来,但是最终还是失败啊!-->
<body onload="showTime()">
<div id="showtime"></div>
</body>
</html>
2009-11-30 09:26
2009-11-30 17:59
2009-12-01 08:54
2009-12-01 09:13




(*^__^*) 嘻嘻……
2009-12-01 17:30