旋转HTML链接和文字

时间:2015-05-04 23:43:58

标签: javascript php html

我在同一页面上有几个链接,我想要的是每次加载,不同的链接和文本都会按顺序出现。

代码是:

<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>

这是我想要的图像。

第一页加载/访问者:http://i.imgur.com/ziZ9JIO.png

第二位访客:http://i.imgur.com/himvsjV.png

等等。

它将继续按顺序旋转。

我如何做到这一点?

谢谢。

1 个答案:

答案 0 :(得分:1)

您的代码已基本完成。只需添加以下shuffle而不是单个随机数:

How can I shuffle an array?

如果您想保留订单,请使用

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