Javascript倒计时器来更改图像和链接

Question

提前致歉，因为我的理解有些超出了我的能力范围。

我正在尝试在 ASP 页面上使用 JavaScript 倒计时器来执行以下操作 - 页面加载后每六十秒，基于图像的链接将在五个图像/链接组合之一之间切换。

我在这里做了一些错误的事情，但我找不到问题所在。它永远不会运行。

预先感谢您的帮助。

图像命名如下:

• 1_AdvoImg.gif 2_AdvoImg.gif 3_AdvoImg.gif 4_AdvoImg.gif 5_AdvoImg.gif

网址如下:

• linkone.html linktwo.html link Three.html linkfour.html link Five.html

封装链接的html是这样的:

<a id='AdvoLink' href='../'><img id='AdvoImg' src='' border="0"></a>

JavaScript 是这样的:

<script language="javascript">
    function startTimer(duration) {
        var timer = duration, seconds, imgprefix, imgname, linkurl;
        imgprefix = 1;

        setInterval(function () {
            seconds = parseInt(timer % 60, 10);

            imgname = imgprefix.concat("_AdvoImg.gif");

            if (imgprefix == 1) {
                linkurl = "linkone.html";
            }

            if (imgprefix == 2) {
                linkurl = "linktwo.html";
            }

            if (imgprefix == 3) {
                linkurl = "linkthree.html";
            }

            if (imgprefix == 4) {
                linkurl = "linkfour.html";
            }

            if (imgprefix == 5) {
                linkurl = "linkfive.html";
            }

            if (--timer <= 0) {
                document.getElementById("AdvoLink").href = "";
                document.getElementById("AdvoImg").src = imgname;
                ++imgprefix;
                timer = duration;
            }
        }, 5);
    }

    window.onload = function () {
        startTimer(60);
    };
</script>

Answer 1

您正在尝试在计时器内构建计时器。 尝试使其尽可能简单。 你真正需要的只是:

window.onload = function () {
  setInterval(function () {
    //your url changing magic here - without the timer stuff
  }, 60000); 
};

这样，你的魔法代码应该每 60000 毫秒触发一次 => 60 秒 => 1 分钟。 您实际上可以通过在循环中使用 console.log() 来“调试”它。