JavaScriptの時計の表示

質問

現在下記のJavaScriptでリアルタイムに時間を表示しているのですが、
分と秒を常に2ケタにするにはどうしたらよいでしょうか？

例えば　1時5分8秒　というのを　1時05分08秒　にしたいのです。

よろしくお願いします。

今のコード↓
function tokei(){

var kotira;

var sitiyou=new Array("日","月","火","水","木","金","土");
var jii2=new Array("0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18","19","20","21","22","23");
var ima=new Date();

var nenn=ima.getFullYear();
var gatuu=ima.getMonth()+1;
var nitii=ima.getDate();
var youu=sitiyou[ima.getDay()];
var jii=jii2[ima.getHours()];

var punn=ima.getMinutes();
var byouu=ima.getSeconds();

document.getElementById("genzai").innerHTML=gatuu+"月"+nitii+"日（"+youu+"）"+jii+"時"+punn+"分"+byouu+"秒 ";

}
setInterval("tokei()",1000);

回答No.2

fujillin · ベストアンサー

#1です。

＞ちなみに教えていただいたコードで
＞「時」の値も2ケタにするには、
＞どうしたらよいでしょうか？
え～っと、どっちのことでしょうか？

　var punn=ima.getMinutes();
　if (punn<10) punn = "0" + punn;
の方なら、同様に
　var jii=jii2[ima.getHours()];
　if (jii<10) jii = "0" + jii;

別の書き方のほうなら
　html += ima.getHours() + "時";
の部分を
　html += pad0(ima.getHours()) + "時";
（* pad0()が、2桁の数字を前ゼロにする関数になっています。）

回答No.1

fujillin

数字が10より小さかったら、"0"を前に付けてあげればよろしいかと。（2桁固定なので）

例えば
　var punn=ima.getMinutes();
　if (punn<10) punn = "0" + punn;
みたいに。

ご質問とは関係ありませんが・・・
getHours()は0～23を返すと思うけれど、わざわざ配列から読み直しているのはなぜでしょうか？

少し違う書き方をしてみると
var tokei = (function(pad0){
return function(){
var ima = new Date();

var html = (ima.getMonth()+1) + "月";
html += ima.getDate() + "日（";
html += ["日","月","火","水","木","金","土"][ima.getDay()] + "）";
html += ima.getHours() + "時";
html += pad0(ima.getMinutes()) + "分";
html += pad0(ima.getSeconds()) + "秒";

document.getElementById("genzai").innerHTML = html;
}
})(function(n){
n = "0" + n;
return n.substring(n.length-2);
});

setInterval("tokei()",500);

お礼

＞わざわざ配列から読み直しているのはなぜでしょうか？

言い忘れておりましたが、
当方JavaScriptに関しては超初心者で、
あるHPのコードを参考にさせていただいただけなので
詳しいことはわかりません。

教えていただいた書き方で
思い通りになりました。

助かりました。
本当にありがとうございました。

補足

何度もすいません。

ちなみに教えていただいたコードで
「時」の値も2ケタにするには、
どうしたらよいでしょうか？

今1時台ですが、
1時ではなく01時としたいのです。

お手数をおかけしますが
よろしくお願いします。