简单的Javascript画廊

时间:2011-09-19 22:19:30

标签: javascript html arrays dom gallery

所以我试图遍历这个数组并每隔几秒更换一次图像源。现在我有一个onload事件调用一个setTimeOut方法,该方法应该在页面加载后5秒更改图像,我会想,但它会立即执行。问题是什么?这是我的代码:

<html>
<head>
    <title>Ad Rotaror</title>
    <script type="text/javascript">
        var i = 0;
        var ads = new Array(4);
                  ads[0]='promo1.gif';
                  ads[1]='promo2.gif';
                  ads[2]='promo3.gif';
                  ads[3]='promo4.gif';
                  ads[4]='promo5.gif';

        function change()
        {
            if(i > 4)
                i = 0;

            document.images[0].src = ads[i];
            i++;
        }
    </script>
</head>
<body>
    <img src="promo1.gif" onload="setInterval(change(), 5000)" />
</body>
</html>

1 个答案:

答案 0 :(得分:2)

将'change()'更改为'更改'。你正在立即调用这个函数。