                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

如何让分钟数为一位时显示两位数？

假如现在的时间为16：02：01，用下面的代码写出来的话显示的是：16：2：1，该如何解决显示为：16：02：01？

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>window对象</title>
<script type="text/javascript">
var attime;
setInterval(clock2,1000);//这里的秒数指的是调用函数的时间间隔，也可理解为刷新时间
function clock2()
{
   var time=new Date();          
   attime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
   document.getElementById("clock").value = attime;
 }
</script>
</head>
<body>
<input type="text" id="clock" size="10">
</body>
</html>

折翼天使I

2016-10-24

源自：JavaScript进阶篇 8-3

关注问题我要回答

7784

操作

收起

3 回答

慕粉3673019 回答被采纳 +3 积分
2016-10-24

function clock2()

{

var time=new Date();

var seconds=time.getSeconds(); //定义个变量保存秒数

if(seconds<10){seconds="0"+seconds} //秒数前加个0

attime=time.getHours()+":"+time.getMinutes()+":"+seconds; //这里别忘了改过来啊

document.getElementById("clock").value = attime;

}

</s

1 回复有任何疑惑可以回复我~

收起回答

折翼天使I 提问者

这个方法我知道，不是很想用这个，感觉麻烦，不过谢谢了

2016-10-24 回复有任何疑惑可以回复我~

qq_补钙雪_0
2016-10-25

<!DOCTYPE html>

<html>

<head>

<title>window对象</title>

var attime;

setInterval(clock2,1000);//这里的秒数指的是调用函数的时间间隔，也可理解为刷新时间

function clock2()

{

var time=new Date();

attime=("0"+time.getHours()).slice(-2)+":"+("0"+time.getMinutes()).slice(-2)+":"+("0"+time.getSeconds()).slice(-2);

document.getElementById("clock").value = attime;

}

</script>

</head>

<body>

</body>

</html>

1 回复有任何疑惑可以回复我~

收起回答

折翼天使I 提问者

谢谢！不好意思分给别人了。

2016-10-25 回复有任何疑惑可以回复我~

qq_补钙雪_0 回复折翼天使I 提问者

nothing~

2016-10-25 回复有任何疑惑可以回复我~

qq_补钙雪_0
2016-10-24

time.getHours()变成

("0”+time.getHours()).slice(-2)

/*"0”+time.getHours()这是为了让两位数现实成三位数（0？？），让一位数现实成两位数（0？），两位数需要显示（？？），一位数需要显示（0？），这表示他们都是显示出从倒数第二位到最后一位，所以输出("0”+time.getHours()).slice(-2)*/

time.getMinutes()

变成

("0”+time.getMinutes()).slice(-2)

time.getSeconds

变成

("0”+time.getSeconds()).slice(-2);

0 回复有任何疑惑可以回复我~

收起回答

折翼天使I 提问者

试过了，貌似不行

2016-10-24 回复有任何疑惑可以回复我~

qq_补钙雪_0 回复折翼天使I 提问者

因为我把"0"写成了"0”。你再试试？我是可以的。 function clock2() { var time=new Date(); attime=("0"+time.getHours()).slice(-2)+":"+("0"+time.getMinutes()).slice(-2)+":"+("0"+time.getSeconds()).slice(-2)); document.getElementById("clock").value = attime; }

2016-10-25 回复有任何疑惑可以回复我~

折翼天使I 提问者回复 qq_补钙雪_0

那个地方我改了的，可还是不行诶，你能把你的代码分享给我试试吗？

2016-10-25 回复有任何疑惑可以回复我~