<!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>
小白不太明白其中的道理,求各位前辈详细解释一下。感谢。
作用域问题、放在外面、无论你是window.onload、window.onunload 都可以使用
放在window.onload的代码只是为了保证页面加载完毕、保证节点确实存在、不会选不到节点
而你那种对数字操作的方法、没有节点操作、放在里外都可以
window.onload
事件是页面完全加载完的时候执行$(function(){ })
是等页面上的标签加载完了就执行里面外面都可以,放外面可以共用,放里面只能在onload事件内部用。