图片无缝连接，动态显示时间_如何给图片插入一个实时显示时间的插件-优快云博客

本文链接：https://blog.youkuaiyun.com/hackerhope/article/details/5864915

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <SCRIPT LANGUAGE="JavaScript"> function init(){ var date=new Date(); if(date.getHours()<=12){ //am var d1 = Math.floor(date.getHours()/10); var d2 = date.getHours()%10; document.images[8].src="cam.gif"; if(date.getHours()==12&&date.getSeconds()>0){//变成pm document.images[8].src="cpm.gif"; } } else { var d1 = Math.floor((date.getHours()-12)/10); var d2 = (date.getHours()-12)%10; document.images[8].src="cpm.gif"; } var m1 = Math.floor(date.getMinutes()/10); var m2 = date.getMinutes()%10; var s1 = Math.floor(date.getSeconds()/10); var s2 = date.getSeconds()%10; var str1= "c"+d1+".gif"; var str2= "c"+d2+".gif"; var str3= "c"+m1+".gif"; var str4= "c"+m2+".gif"; var str5= "c"+s1+".gif"; var str6= "c"+s2+".gif"; document.images[0].src=str1; document.images[1].src=str2; document.images[2].src="colon.gif"; document.images[3].src=str3; document.images[4].src=str4; document.images[5].src="colon.gif"; document.images[6].src=str5; document.images[7].src=str6; //document.images[8].src="cpm.gif"; setTimeout("init()",1000); } </SCRIPT> </HEAD> <BODY onload ="init()" > <br> <br> <br> <br> <center> !--> 表格图片无缝连接 <-- <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img src="" id="1"/></td> <td> <img src="" id="2"/></td> <td> <img src="" id="3"/></td> <td> <img src="" id="4"/></td> <td> <img src="" id="5"/></td> <td> <img src="" id="6"/></td> <td> <img src="" id="7"/></td> <td> <img src="" id="8"/></td> <td> <img src="" id="9"/></td> </tr> </table> </center> </BODY> </HTML>