原生js树叶数字时钟代码.rar资源-CSDN文库

共12个文件

png：10个

jpg：1个

html：1个

版权申诉

js代码

CSS3

html5

55 浏览量 2024-11-23 13:46:11 上传评论收藏 872KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

原生js树叶数字时钟代码.rar （12个子文件）

数码时钟

index.html 2KB

images

background.jpg 99KB

9.png 88KB

3.png 88KB

0.png 73KB

1.png 51KB

6.png 82KB

5.png 92KB

4.png 76KB

8.png 89KB

7.png 67KB

2.png 74KB

<html> <head> <title> 数码时钟 author:pikaqiu </title> <style> body {background-image:url(images/background.jpg); font-size:100px; color:yellow; } img{vertical-align:middle;} </style> <script> function toString(num){ if(num<10){ return '0'+num; } else { return ""+num; } } window.onload = function(){ var oDiv1 = document.getElementById('div1'); var oDiv2 = document.getElementById('div2'); var aImg1 = oDiv1.getElementsByTagName('img'); var aImg2 = oDiv2.getElementsByTagName('img'); function time(){ var oDate = new Date(); //年月日 var dateString = toString(oDate.getFullYear()) + toString(oDate.getMonth()+1) +toString(oDate.getDate()); for(var i = 0 ; i < aImg1.length ; i ++ ){ aImg1[i].src = 'images/' + dateString.charAt(i) + '.png'; } //时分秒 var timeString = toString(oDate.getHours()) + toString(oDate.getMinutes()) + toString(oDate.getSeconds()); for(var j = 0 ; j < aImg2.length ; j ++ ){ aImg2[j].src = 'images/' + timeString.charAt(j) + '.png'; } } setInterval(time , 1000); time(); } </script> </head> <body> <div id = div1> <img src = "images/0.png" width = "75px" height = "100px" /> <img src = "images/0.png" width = "75px" height = "100px" /> <img src = "images/0.png" width = "75px" height = "100px" /> <img src = "images/0.png" width = "75px" height = "100px" /> . <img src = "images/0.png" width = "75px" height = "100px" /> <img src = "images/0.png" width = "75px" height = "100px" /> . <img src = "images/0.png" width = "75px" height = "100px" /> <img src = "images/0.png" width = "75px" height = "100px" /> </div><br/><br/> <div id = div2> <img src = "images/0.png" width = "140px" height = "200px" /> <img src = "images/0.png" width = "140px" height = "200px" /> : <img src = "images/0.png" width = "140px" height = "200px" /> <img src = "images/0.png" width = "140px" height = "200px" /> : <img src = "images/0.png" width = "140px" height = "200px" /> <img src = "images/0.png" width = "140px" height = "200px" /> </div> </body> </html>

评论收藏

内容反馈

版权申诉