简单的 Javascript 画廊

发布于 2024-12-05 10:06:14 字数 798 浏览 2 评论 0原文

所以我试图循环遍历这个数组并每隔几秒更改一个图像源。现在我有一个 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>

原文

So I'm trying to loop through this array and change an image source every few seconds. Right now I have an onload event calling a setTimeOut method which should change the image 5 seconds after the page has loaded I would think, but it is doing it instantly. What is the problem? Here is my code:

<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>

分享到QQ

分享到微博