每日一个js实例12--广告切换效果

<div id="box">
            <img src="images/1.jpg">
            <img src="images/2.jpg">

        </div>

<style>
       div{height: 200px;  width:200px;border: 1px solid blue;overflow: hidden;margin: 10px auto}
       img{height: 200px;  width:200px;}
   </style>

<script type="text/javascript">
       window.οnlοad= function () {
           var oDiv=document.getElementById('box');
           var aImg=oDiv.getElementsByTagName('img');
           var now=0;
           var timer=null;
           function  next(){
                now++;
               if(now == aImg.length){
                   now=0;
               }
               for(var i=0;i<aImg.length;i++){
                   for(var i=0;i<aImg.length;i++){
                       aImg[i].style.display='none';
                   }
                   aImg[now].style.display='block';
               }
           }
           oDiv.οnmοuseοver= function () {
               clearInterval(timer);
           };
           oDiv.οnmοuseοut= function () {
               timer=setInterval(next,1000)
           };
           timer=setInterval(next,1000)
       }
   </script>