標籤:
<!DOCTYPE HTML> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="index" content="時鐘"/><title>時鐘</title><style type="text/css">body,div,img{padding:0; margin:0;}#box{width:530px;height:93px;margin:200px auto;}img{width:60px;height:93px; border:none;}</style><script type="text/javascript" src="index.js"></script></head><body><div id="box"><img src="./images/0.png"/><img src="./images/0.png"/> <img src="./images/0.png"/><img src="./images/0.png"/> <img src="./images/0.png"/><img src="./images/0.png"/></div><script type="text/javascript">function toDou(n){if(n<10){return ‘0‘+n;}else{return ‘‘+n;}}window.onload=function(){var aImg=document.getElementsByTagName(‘img‘);function tick(){var oDate=new Date();var str=toDou(oDate.getHours())+toDou(oDate.getMinutes())+toDou(oDate.getSeconds());for(var i=0; i<aImg.length; i++){aImg[i].src=‘./images/‘+str.charAt(i)+‘.png‘;}}setInterval(tick, 1000);tick();};</script></body></html>
2.同一頁面多個時鐘(非圖片,見360雲端硬碟)
js--時鐘(圖片)