2011-11-22 72 views
-1

我有這樣的JavaScript代碼來displayng當前日期和時間:的JavaScript顯示當前時間

<script type="text/javascript"> 
tday =new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"); 
tmonth=new Array("January","February","March","April","May","June","July","August","September","October","November","December"); 

function GetClock(){ 
d = new Date(); 
nday = d.getDay(); 
nmonth = d.getMonth(); 
ndate = d.getDate(); 
nyear = d.getYear(); 
nhour = d.getHours(); 
nmin = d.getMinutes(); 
nsec = d.getSeconds(); 

if(nyear<1000) nyear=nyear+1900; 
if(nhour == 0) {ap = " AM";nhour = 12;} 
else if(nhour <= 11) {ap = " AM";} 
else if(nhour == 12) {ap = " PM";} 
else if(nhour >= 13) {ap = " PM";nhour -= 12;} 

if(nmin <= 9) {nmin = "0" +nmin;} 
if(nsec <= 9) {nsec = "0" +nsec;} 


document.getElementById('clockbox').innerHTML=""+tday[nday]+", "+tmonth[nmonth]+" "+ndate+", "+nyear+" "+nhour+":"+nmin+":"+nsec+ap+""; 
setTimeout("GetClock()", 1000); 
} 
window.onload=GetClock; 
</script> 
<div id="clockbox"></div> 

所以我想用一些圖片來代替「PM」和「AM」。任何人都可以幫助我解決這個問題嗎? 在此先感謝!

+0

因此,本質上,你問如何在HTML中創建圖像? – Esailija

回答

2
if (ap == ' AM') { 
    ap = " <img src='/path/to/am.png'>"; 
} else { 
    ap = " <img src='/path/to/pm.png'>"; 
} 

棍子右document.getElementById前行,自定義兩個圖像標籤的src'es後。

+0

非常感謝!你太快了! –