在JavaScript中更改计时器上的URL

Question

我目前有一个在计时器上移动的图像，它将在其中显示新图像，但是我要实现的是该图像的href URL ，以便他们可以浏览该网站。

这就是我设置代码的方式。

图像滑块的代码工作得很好，这是

<script type="text/javascript">
    $(function(){
        //prepare Your data array with img urls
        var dataArray=new Array();        <script type="text/javascript">
    $(function(){
        //prepare Your data array with img urls
        var dataArray=new Array();
        dataArray[0]="galleryevenbiggerbiggerversion.png";
        dataArray[1]="galleryevenbiggeraboutversion.png";
        dataArray[2]="galleryevenbiggereventsversion.png";
        //start with id=0 after 5 seconds
        var thisId=0;

        window.setInterval(function(){
            $('#thisImgcentral').attr('src',dataArray[thisId]);
            thisId++; //increment data array id
            if (thisId==3) thisId=0; //repeat from start
        },7800);        
    });
</script>

因此，我尝试使用相同的概念，但是将src更改为href希望它能正常工作，但这不起作用。

<script type="text/javascript">
    $(function(){
        //prepare Your data array with img urls
        var dataArray=new Array();
        dataArray[0]="index.php?page=Community";
        dataArray[1]="index.php?page=About";
        dataArray[2]="index.php?page=Events";
        //start with id=0 after 5 seconds
        var thisId4=0;

        window.setInterval(function(){
            $('#thisAddress').attr('href',dataArray[thisId4]);
            thisId4++; //increment data array id
            if (thisId4==3) thisId4=0; //repeat from start
        },7800);    
</script>

最后，这就是我布置html的方式：

        <a id=thisAddress href=index.php?page=Community><img class=headerimage id=thisImgcentral src=galleryevenbiggerbiggerversion.png></img></a></p>

为什么会这样以及如何使这项工作可行？

Answer 1

我使用纯JavaScript为您创建了一个版本。

这是代码：

<script>
var dataArray = [
  "https://s13.postimg.org/fa1p792lv/community.png",
  "https://s13.postimg.org/3wf5w1s37/about.png",
  "https://s13.postimg.org/iuxkqh75f/events.png"
];
var linkArray = [
  "index.php?page=Community",
  "index.php?page=About",
  "index.php?page=Events"
];

var thisId=0;
var image = document.getElementById("thisImgCentral");
image.src = dataArray[thisId];

image.onclick = function() {
  window.location.href = linkArray[thisId];
}

window.setInterval(function(){
  thisId = (thisId+1)%3;
  image.src = dataArray[thisId];
},1000);        
</script>

您可以在这里运行它： https : //jsfiddle.net/FrancisMacDougall/hpwj1ady/