美女时钟+电子时钟

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>美女时钟</title>
 6     <script type="text/javascript">
 7         onload = function () {
 8             var mnClock = function () {
 9                 //在div里增加一个图片标签
10                 var image = document.getElementById("img1");
11                 var image = document.getElementById("img2");
12                 var image = document.getElementById("img3");
13                 var image = document.getElementById("img4");
14                 var image = document.getElementById("img5");
15                 var image = document.getElementById("img6");
16                 //dv.appendChild(document.createElement("img"));
17 
18                 //获取当前时间，小时，分钟，如12：34
19                 var myDate = new Date();
20                 var hour = myDate.getHours();
21                 if (hour < 10) {
22                     hour = "0" + hour;
23                 }
24                 var minute = myDate.getMinutes();
25                 if (minute < 10) {
26                     minute = "0" + minute;
27                 }
28                 var second = myDate.getSeconds();
29                 if (second < 10) {
30                     second = "0" + second;
31                 }
32                 //查找与时间对应的图片，如12_34，注意01：02这种格式
33                 //把图片放入div标签里
34                 //img.src = "source/mm_全/" + hour + "_" + minute + ".jpg";
35                 var hour1 = hour.toString().charAt(0);
36 
37                 var hour2 = hour.toString().charAt(1);
38                 var minute1 = minute.toString().charAt(0);
39                 var minute2 = minute.toString().charAt(1);
40                 var second1 = second.toString().charAt(0);
41                 var second2 = second.toString().charAt(1);
42                 img1.src = "source/js_电子时钟/countdown-" + hour1 + ".png";
43                 img2.src = "source/js_电子时钟/countdown-" + hour2 + ".png";
44                 img3.src = "source/js_电子时钟/countdown-" + minute1 + ".png";
45                 img4.src = "source/js_电子时钟/countdown-" + minute2 + ".png";
46                 img5.src = "source/js_电子时钟/countdown-" + second1 + ".png";
47                 img6.src = "source/js_电子时钟/countdown-" + second2 + ".png";
48             }
49             setInterval(mnClock, 1000);
50         }
51     </script>
52 </head>
53 <body>
54     <div id = "dv">
55         <img src="#" alt="Alternate Text" id = "img1"/>
56         <img src="#" alt="Alternate Text" id = "img2"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
57         <img src="#" alt="Alternate Text" id = "img3"/>
58         <img src="#" alt="Alternate Text" id = "img4"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
59         <img src="#" alt="Alternate Text" id = "img5"/>
60         <img src="#" alt="Alternate Text" id = "img6"/>
61     </div>
62 
63 </body>
64 </html>