Question

我需要创建一个脚本，创建一个每分钟都会改变的链接。我的javascript很差，我写了一些脚本，但它不起作用。有人可以帮我吗？这是我到目前为止所得到的：

<head>
<script type="text/javascript">

var arr = [];

arr[0]= new Link();
arr[0].href = "http://www.youtube.com/";
arr[1]= new Link();
arr[1].href = "http://www.forever21.com/";
arr[2]= new Link();
arr[2].href = "http://www.amazon.com/";
arr[3]= new Link();
arr[3].href = "http://www.ebay.com/";
arr[4]= new Link();
arr[4].href = "http://www.zara.com/";
arr[5]= new Link();
arr[5].href = "http://www.southwest.com/";
arr[6]= new Link();
arr[6].href = "http://oldnavy.gap.com/";

function slide(){
 document.getElementById("link1").href= arr[i].href;
 i++;
 if(i==arr.length){
  i=0;
 }
 setTimeout(function(){ slide(); },2000);
}

</script>
</head>

<body onLoad="slide('link1',arr);">
<h1>WELCOME</h1>
<div id="link">
<a href="http://www.youtube.com/" id="link1"><h1 text align="center">Click to go to <br> www.youtube.com</h1></a></div>



</body>

</html>

Answer 1

document.getElementById("link1").href= arr[i].href;

此功能相当于

document.getElementById("link1").href= arr[undefined].href;

因此i ++也未定义。

只需使用

初始化

var i = 0;

Answer 2

您的代码中存在一些错误：

var arr = ["http://www.youtube.com/", "http://www.forever21.com/", "http://www.amazon.com/", "http://www.ebay.com/", "http://www.zara.com/",     "http://www.southwest.com/", "http://oldnavy.gap.com/"];
var i=0;

function slide(){
    document.getElementById("link1").href= arr[i];
    document.getElementById("site").innerText = arr[i];
    i++;
    if(i==arr.length){
        i=0;
    }
}

setInterval(slide, 2000);

和HTML代码：

<h1 align="center">
    <a href="http://www.youtube.com/" id="link1">Click to go to <br> <span id="site">http//www.youtube.com</span>
</h1>

演示：http://jsfiddle.net/B8CwT/

Javascript函数每分钟更改一次链接

2 个答案: