1.用Date来创建一个对象的时候得到的有0123456....这些在显示的时候是不符合规范的,所以想到用‘‘+..使其变成字符串,然后用加号将那些字符串进行连接起来。
2.在获取字符串每个数字的时候可以直接用dateString[i]来遍历。
3.aImg[i].src = ‘images/‘+dateString[i]+‘.png‘; 在js中写这句话的时候src并不需要用""引起来。
4.使用不带圆括号的函数名是访问函数指针,而非调用函数。在开定时器的时候就是传入的函数指针。或者直接把函数写在里面,setInterval(function(){},1000);
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { background-image: url(images/bg.png); color: white; } </style> </head> <body> <div id="div1"> <img src="images/0.png"/> <img src="images/0.png"/> : <img src="images/0.png"/> <img src="images/0.png"/> : <img src="images/0.png"/> <img src="images/0.png"/> </div> <script type="text/javascript"> function toString (n) { if (n<10) { return(‘0‘+n); } else { return(‘‘+n); } } function tick () { var date = new Date(); var dateString = toString(date.getHours())+toString(date.getMinutes())+toString(date.getSeconds()); var aImg = document.getElementsByTagName(‘img‘); for(var i=0;i<aImg.length;i++) { aImg[i].src = ‘images/‘+dateString[i]+‘.png‘; } } setInterval(tick,0); </script> </body> </html>
时间: 2024-10-23 03:40:34