最近看到有个线上的练习题,
题目连接:http://www.mhero.com/javascri...
关注的是第二个日期对象 Date这节的内容,在线显示当前的系统时间。
它的核心代码不多,
HTML:
<div class="box box-re">
<img src="js001/images/0.png" />
<img src="js001/images/0.png" />
:
<img src="js001/images/0.png" />
<img src="js001/images/0.png" />
:
<img src="js001/images/0.png" />
<img src="js001/images/0.png" />
</div>
JS:
function toDou (n)
{
if(n<10)
{
return '0'+n;
}
else
{
return ''+n;
}
}
var aImg2=oDiv2.getElementsByTagName('img');
function tick ()
{
var oDte3=new Date;
var aStr2=toDou(oDte3.getHours())+toDou(oDte3.getMinutes())+toDou(oDte3.getSeconds());
for(var i=0;i<aStr2.length;i++)
{
aImg2[i].src='js001/images/'+aStr2[i]+'.png';
}
}
setInterval(tick,1000);
tick();
这里核心处理时间的代码:
aStr2=toDou(oDte3.getHours())+toDou(oDte3.getMinutes())+toDou(oDte3.getSeconds());
将时间字符串经过toDou函数处理了,这里对他的函数toDou有点看不懂,大致应该是判断小时,分钟,秒数是两位还是单独一位。如果是单独一位的话返回的就是0加上后面的个位数图片。如果是两位数返回的是''+本身的时间字符串。
为什么要加一个''?
手掌心
相关分类