javascript - 幻灯片不工作

Question

我创建了一个幻灯片，它每 5 秒更改一次图像。

如果访问者在 4 秒后单击“下一步”，图像将在 1 秒内更改两次。

在有人点击“Next”或“Privious”之后，有人知道如何重置间隔吗？

<script type="text/javascript">
    var Image = new Array("media/HeaderImage.jpg", "media/HeaderImage2.jpg", "media/HeaderImage3.jpg");

    var Image_Number = 0;
    var Image_Length = Image.length - 1;
    var Image_Intverval;    

    auto();

    function change_image(num)
    {

        Image_Number = Image_Number + num;

        if (Image_Number > Image_Length)
        {
            Image_Number = 0;
        }

        if (Image_Number < 0)
        {
            Image_Number = Image_Length;
        }

        document.slideshow.src= Image[Image_Number];

        clearInterval(Image_Interval);      
        auto();                             

        return false;

    }

    function auto()
    {
        Image_Intverval = setInterval("change_image(1)", 10000);  
    }

编辑：

是的，你是对的，它是 10 秒，但这不是重点。

这是“下一个”和“上一个”链接的代码：

<a href="javascript:change_image(1)"><div id="arrowRight"></div></a>
<a href="javascript:change_image(-1)"><div id="arrowLeft"></div></a>

Answer 1

您的代码不会每 5 秒更改一次。（您的代码是 10 秒。）因此，您必须修复：

Image_Intverval = setInterval("change_image(1)", 5000);

如果你想解决这个问题，你必须发布代码 Next 或 Previous 函数。