点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)

效果：

代码：

 <head runat="server">

     <title></title>

     <script type="text/javascript">

         function toDou(n) {

             if (n < 10) {

                 return '0' + n;

             }

             else {

                 return '' + n;

             }

         }

         setInterval(

         window.onload = function () {

             var aImg = document.getElementsByTagName('img');

             var oDate = new Date();

             var str = toDou(oDate.getHours()) + toDou(oDate.getMinutes()) + toDou(oDate.getSeconds());

             for (var i = 0; i < str.length; i++) {

                 aImg[i].src = 'Images/Number1/' + str[i] + '.jpg';

             }

         }, 1000);

     </script>

 </head>

 <body style="background-color: Black;">

     <div style="text-align: center; line-height: 600px">

         <img src="Images/Number1/0.jpg" /><img src="Images/Number1/0.jpg" /><span style="font-size: 77px;

             color: White; text-align: center; line-height: 2px;">:</span><img src="Images/Number1/0.jpg" /><img

                 src="Images/Number1/0.jpg" /><span style="font-size: 77px; color: White;">:</span><img

                     src="Images/Number1/0.jpg" /><img src="Images/Number1/0.jpg" />

     </div>

 </body>

巴特西

点滴积累【JS】---JS小功能(setInterval实现图片效果显示时间)

最新文章

热门文章