为什么我调用setInterval() 方法没有效果呢
大家好,请帮帮忙~~~~~~我自己用JavaScript写了个时钟的程序,但是不知道为什么,我尝试过使用setTimeout() 方法 && setInterval() 方法,来令HTLM显示的时间自己跳动起来,但是最终还是失败啊!
效果图:
请指点一下谢谢~~~~~
clock.rar
(21.45 KB)
<!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>