javascript - JS时间格式格式化问题

问题描述

问 题

最近看到有个线上的练习题，
题目连接：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加上后面的个位数图片。如果是两位数返回的是''+本身的时间字符串。
为什么要加一个''？

解决方案

因为Date.getHours/getMinutes/getSecondes 返回值的类型是number

加一个''是为了转换成string进行运算........

另外想要获取当前时间的string，其实可以用Date.toLocaleTimeString

这篇关于javascript - JS时间格式格式化问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！