javascript - Why should this zero padding function be placed outside window.onload?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body style="background: black;color: #fff;font-size: 58px;">
<img src="img/0.png" />
<img src="img/0.png" />
:
<img src="img/0.png" />
<img src="img/0.png" />
:
<img src="img/0.png" />
<img src="img/0.png" />
<script>
function bul(n)
{
if(n<10)
{
return "0"+n;
}
else
{
return ""+n;
}
}
window.onload=function()
{
var aImg = document.getElementsByTagName('img');
var tell;
tell=setInterval(function(){
var myDate = new Date();
var str = bul(myDate.getHours())+bul(myDate.getMinutes())+bul(myDate.getSeconds());
for(var i=0;i<aImg.length;i++)
{
aImg[i].src = "img/"+str[i]+".png";
}
},500)
tell();
}
</script>
</body>
</html>Xiaobai doesn’t quite understand the reason, so I would like to ask seniors to explain it in detail. grateful.
