Rotate HTML Links and Text

Question

I have several links on the same page, and what I want is that every page load, different links and text will appear each time in order.

The code is:

<body>
<div id="RotateLink"></div>


<script language="javascript">
var links = new Array("link1", "link2", "link3", "link4", "link5");
var randomnumber=Math.floor(Math.random()*5)
document.getElementById("RotateLink").innerHTML = links[randomnumber];
</script>
</body>

Here is an image of what i want.

First page load/visitor: http://i.imgur.com/ziZ9JIO.png

Second visitor: http://i.imgur.com/himvsjV.png

And so on.

It will keep rotating in order.

How do I accomplish this?

Thank you.

What, if anything, does this have to do with PHP? If you're using PHP, rotate the links there, not in the JS. If you're not using PHP, don't tag the question with PHP. — Mike, May 04 '15 at 23:51

score 1 · Answer 1 · edited May 23 '17 at 11:58

1

Your code is almost complete. Just add the following shuffle instead of your single random number:

How can I shuffle an array?

If you want to keep the order just use

var newArray = [];
for(var i=0; i<a.length;i++)
   newArray.push(a[(randomNumber + i)%a.length]);

edited May 23 '17 at 11:58

Community

1
1

answered May 04 '15 at 23:49

Michael Schmitt

149
9

how do I get it to display a link instead of text only? Currently it only displays the text link1, link2, link3, etc. – User345 May 04 '15 at 23:53
2

Ut oh its one of those neverending question questions. – developerwjk May 04 '15 at 23:55
'Link – Michael Schmitt May 04 '15 at 23:56
Thank you Michael. I added the shuffle but it does not seem to work. Where do I put the shuffle? – User345 May 05 '15 at 00:07

Rotate HTML Links and Text

1 Answers1