不同时间显示不同图片????

<body onload="initChangeImg()">        <input type="button" value="test" onclick="startChangeImg()" />
        <img id="img1" alt="" src="" />
        <img id="img2" alt="" src="" />
        <img id="img3" alt="" src="" /></body>
<script type="text/javascript">var arr=new Array();
var i=0;function initChangeImg()
{
    var imgobj=new imgClass('1.gif','2.gif','3.gif');
    arr.push(imgobj);
    var imgobj=new imgClass('4.gif','5.gif','6.gif');
    arr.push(imgobj);
    var imgobj=new imgClass('7.gif','8.gif','9.gif');
    arr.push(imgobj);
}function startChangeImg()
{
    window.setInterval("changeImg()",10000);//10 seconds
}function changeImg()
{
    for(i=0;i<arr.length;i++)
    {
        document.getElementById('img1').src=arr[i].imageUrl1;
        document.getElementById('img2').src=arr[i].imageUrl2;
        document.getElementById('img3').src=arr[i].imageUrl3;
        if(i==2) i=0;
    }
}function imgClass(imageURL1,imageURL2,imageURL3)
{
    this.imageUrl1=imageURL1;
    this.imageUrl2=imageURL2;
    this.imageUrl3=imageURL3;
}
</script>