美女时钟+电子时钟

 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>

相关阅读:
SpringMVC中静态获取request对象 Spring中获取 HttpServletRequest对象【转载】
springcloud 的loadbalancer 轮询算法切换方法 2021.4.3
springboot项目启动增加图标
 rabbitmq 端口作用以及修改方法
 centos8 安装rabbitmq
springcloud config client Value获取不到信息的问题的处理方法
 springcloud config配置git作为数据源然后启动报错 If you want an embedded database (H2, HSQL or Derby), please put it on the classpath.
Sublime Text的列模式如何操作
 centos8 安装redis
jQuery简单的Ajax调用
原文地址：https://www.cnblogs.com/Jacklovely/p/5349802.html