<!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事件內部用。