2011-11-22 80 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

非常感谢!你太快了! –