js怎么给小于10的数字前面补0
1、第一步:在网页中先编写好相应的标签用来显示时间,然后编写相应的脚本标签。
<body>
<div id="shijian">显示时间</div>
<script type="text/javascript">
</script>
</body>
2、第二步:以获取系统时间(时分秒)为例,先自定义一个函数,函数名称自己设置。比如time();
3、第三步:在自定义函数内部定义五个变量,分别用来保存实例化对象、时分秒和获取网页中要显示时间的对象的值。
<body>
<div id="shijian">显示时间</div>
<script type="text/javascript">
function time(){
var i = document.getElementById("shijian");
var date = new Date();
var hour= date.getHours();
var minute=date.getMinutes();
var second= date.getSeconds();
}
</script>
</body>
4、第四步:给上述的保存分钟和秒数的变量,提前编写一个自定义判断函数checked();
<script type="text/javascript">
function time(){
var i = document.getElementById("shijian");
var date = new Date();
var hour= date.getHours();
var minute=checked(date.getMinutes());
var second= checked(date.getSeconds());
}
5、第五步:编写在网页中显示时间的代码:
<script type="text/javascript">
function time(){
var i = document.getElementById("shijian");
var date = new Date();
var hour= date.getHours();
var minute=checked(date.getMinutes());
var second= checked(date.getSeconds());
i.innerHTML="当前时间:"+hour+"点"+minute+"分"+second+"秒";
}
6、第六步:编写动态获取时间(系统时分秒)的语句。
<script type="text/javascript">
function time(){
var i = document.getElementById("shijian");
var date = new Date();
var hour= date.getHours();
var minute=checked(date.getMinutes());
var second= checked(date.getSeconds());
i.innerHTML="当前时间:"+hour+"点"+minute+"分"+second+"秒";
}
setInterval("time()",1000);
</script>
7、第七步:编写判断函数,判断当分钟和秒数的值小于10的时候在数值前面补0.
<script type="text/javascript">
function time(){
var i = document.getElementById("shijian");
var date = new Date();
var hour= date.getHours();
var minute=checked(date.getMinutes());
var second= checked(date.getSeconds());
i.innerHTML="当前时间:"+hour+"点"+minute+"分"+second+"秒";
}
setInterval("time()",1000);
function checked(j){
if(j<10)
j='0'+j;
return j;
}
</script>
8、第八步:此时在浏览器中进行查看,发现,当分钟和秒数小于10的时候,数值前已经自动补0了。
9、总结:
1、当编写好货物系统时间的脚本之后,如果时动态获取,则可以在函数外部加上语句 setInterval("函数名",间隔毫秒)
2、自定义一个判断函数,并且判断函数中包含一个参数
3、判断函数中的参数对应的就是分钟和秒数
4、在判断语句中做好判断后,最后再返回该参数给所调用函数的地方