精華區beta Web_Design 關於我們 聯絡資訊
我寫了一個線上時鐘,但不知為何卻不會動 珍的是很困擾 我覺得應該會動阿 拜託個未高手幫忙一下 謝謝 以下是程式碼 <script> var time=new Date(); var num= ["0.jpg","1.jpg","2,jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg" ,"9.jpg"];//時間的0~9的圖檔 function showtime() { var hour,minute,second,suf; hour=time.getHours(); minute=time.getMinutes(); second=time.getSeconds(); suf=parseInt(hour/10); document.images['h1'].src=num[suf]; suf=hour%10; document.images['h2'].src=num[suf]; suf=parseInt(minute/10); document.images['m1'].src=num[suf]; suf=minute%10; document.images['m2'].src=num[suf]; suf=parseInt(second/10); document.images['s1'].src=num[suf]; suf=second%10; document.images['s2'].src=num[suf]; setTimeout("showtime()",1000);//一秒後在呼叫原程式 } </script> <body onload="showtime()"> <img name="h1" width="15" height="28"><img name="h2" width="15" height="28">: <img name="m1" width="15" height="28"><img name="m2" width="15" height="28">: <img name="s1" width="15" height="28"><img name="s2" width="15" height="28"> </body> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.231.96.4
lastoct:有錯誤訊息嗎? 推218.166.112.242 02/20
> -------------------------------------------------------------------------- < 作者: backfish (貝殼魚) 看板: Web_Design 標題: Re: [問題] 請各位高手幫忙一下....感激 時間: Fri Feb 20 12:12:51 2004 ※ 引述《y1028 (y1028)》之銘言: : 我寫了一個線上時鐘,但不知為何卻不會動 : 珍的是很困擾 : 我覺得應該會動阿 : 拜託個未高手幫忙一下 : 謝謝 : 以下是程式碼 : <script> ^^^^^^^^^^^^ script有JScript、VBScript.... <script language="JavaScript"> : var time=new Date(); : var num= : ["0.jpg","1.jpg","2,jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg" : ,"9.jpg"];//時間的0~9的圖檔 : function showtime() : { : } -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.70.169.232 > -------------------------------------------------------------------------- < 作者: backfish (貝殼魚) 看板: Web_Design 標題: Re: [問題] 請各位高手幫忙一下....感激 時間: Fri Feb 20 12:26:17 2004 ※ 引述《y1028 (y1028)》之銘言: : 以下是程式碼 : <script> : var time=new Date(); : var num= : ["0.jpg","1.jpg","2,jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg" : ,"9.jpg"];//時間的0~9的圖檔 : function showtime() : { : var hour,minute,second,suf; : hour=time.getHours(); : minute=time.getMinutes(); : second=time.getSeconds(); : suf=parseInt(hour/10); : document.images['h1'].src=num[suf]; : suf=hour%10; : document.images['h2'].src=num[suf]; : suf=parseInt(minute/10); : document.images['m1'].src=num[suf]; : suf=minute%10; : document.images['m2'].src=num[suf]; : suf=parseInt(second/10); : document.images['s1'].src=num[suf]; : suf=second%10; : document.images['s2'].src=num[suf]; : setTimeout("showtime()",1000);//一秒後在呼叫原程式 : } : </script> : <body onload="showtime()"> 可是這樣網頁上的時間會一直停留在剛登入時的那一秒耶 除非按重新整理、不然時間會一直不動!! 我是加了 function reload() { location="the_same_page.htm" } setTimeout("reload()",1000); 每一秒鐘自動重新整理一次… 有沒有不用重新整理的方式,讓時間在網頁裡自己更新??? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.70.169.232 > -------------------------------------------------------------------------- < 作者: y1028 (y1028) 看板: Web_Design 標題: Re: [問題] 請各位高手幫忙一下....感激 時間: Fri Feb 20 14:28:23 2004 非常謝謝您幫忙 這是書上的程式 我不知道未蛇麼他這樣寫就能動 關鍵到底在何處呢 <body> <div id="timer"> <img src="0.jpg" name="h0" width="15" height="28"> <img src="0.jpg" name="h1" width="15" height="28"> <img src="x.jpg" width="15" height="28"> //:的圖形 <img src="0.jpg" name="m0" width="15" height="28"> <img src="0.jpg" name="m1" width="15" height="28"> <img src="x.jpg" width="15" height="28"> //:的圖形 <img src="0.jpg" name="s0" width="15" height="28"> <img src="0.jpg" name="s1" width="15" height="28"> </div> <script language="javascript"> image0=new Image();image0.src="0.jpg"; image1=new Image();image1.src="1.jpg"; image2=new Image();image2.src="2.jpg"; image3=new Image();image3.src="3.jpg"; image4=new Image();image4.src="4.jpg"; image5=new Image();image5.src="5.jpg"; image6=new Image();image6.src="6.jpg"; image7=new Image();image7.src="7.jpg"; image8=new Image();image8.src="8.jpg"; image9=new Image();image9.src="9.jpg"; change_time(); function change_time(){ var v0,v1; var time=new Date(); t_h=time.getHours(); t_m=time.getMinutes(); t_s=time.getSeconds(); v0=parseInt(t_h/10); v1=t_h%10; document.images['h0'].src=eval("image"+v0+".src"); document.images['h1'].src=eval("image"+v1+".src"); v0=parseInt(t_m/10); v1=t_m%10; document.images['m0'].src=eval("image"+v0+".src"); document.images['m1'].src=eval("image"+v1+".src"); v0=parseInt(t_s/10); v1=t_s%10; document.images['s0'].src=eval("image"+v0+".src"); document.images['s1'].src=eval("image"+v1+".src"); setTimeout("change_time()",100); } </script> </body> </html> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.231.96.4 > -------------------------------------------------------------------------- < 作者: backfish (貝殼魚) 看板: Web_Design 標題: Re: [問題] 請各位高手幫忙一下....感激 時間: Fri Feb 20 18:47:33 2004 ※ 引述《y1028 (y1028)》之銘言: : <script> : var time=new Date(); ^^^^^^^^^^^^^^^^^^^^^^^^ 把這一行放到showtime()裡面 : var num= : ["0.jpg","1.jpg","2,jpg","3.jpg","4.jpg","5.jpg","6.jpg","7.jpg","8.jpg" : ,"9.jpg"];//時間的0~9的圖檔 : function showtime() : { var time=new Date(); 我也是try了之後才知道的 大概是全域變數、非全域變數那種問題吧! : var hour,minute,second,suf; : hour=time.getHours(); : minute=time.getMinutes(); : second=time.getSeconds(); : suf=parseInt(hour/10); : document.images['h1'].src=num[suf]; : suf=hour%10; : document.images['h2'].src=num[suf]; : suf=parseInt(minute/10); : document.images['m1'].src=num[suf]; : suf=minute%10; : document.images['m2'].src=num[suf]; : suf=parseInt(second/10); : document.images['s1'].src=num[suf]; : suf=second%10; : document.images['s2'].src=num[suf]; : setTimeout("showtime()",1000);//一秒後在呼叫原程式 : } : </script> : <body onload="showtime()"> : <img name="h1" width="15" height="28"><img name="h2" width="15" : height="28">: : <img name="m1" width="15" height="28"><img name="m2" width="15" : height="28">: : <img name="s1" width="15" height="28"><img name="s2" width="15" : height="28"> : </body> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 210.70.169.232 > -------------------------------------------------------------------------- < 作者: LPH66 (Let Program Heal us....) 看板: Web_Design 標題: Re: [問題] 請各位高手幫忙一下....感激 時間: Fri Feb 20 21:16:12 2004 ※ 引述《backfish (貝殼魚)》之銘言: : ※ 引述《y1028 (y1028)》之銘言: <以下節錄部份source code> : : <script> : : var time=new Date(); : ^^^^^^^^^^^^^^^^^^^^^^^^ : 把這一行放到showtime()裡面 : : function showtime() : : { : var time=new Date(); : 我也是try了之後才知道的 : 大概是全域變數、非全域變數那種問題吧! : : setTimeout("showtime()",1000);//一秒後在呼叫原程式 : : } : : </script> 並不是那樣的 那是因為如果放在裡面 當你setTimeout()呼叫時會再執行一次那行 會更新時間 放在外面則只有剛開始更新而已 -- "LPH" is for "Let Program Heal us".... -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 61.59.165.201