日期:2014-05-16  浏览次数:20327 次

请问这样JS随机数怎么实现
我要随机显示 5个数  
比如 1.2.3.4.5 这5个数也是随即生成的 而且只循环这5组数

<a herf="4.html"><img="4.jpg" /></a> //这里的4 是随即生成的 

那么下边就会根据这个4 里做一个循环 
如果这个数是4 那么其他链接就是
<a herf="4.html"><img="4.jpg" /></a>
<a herf="5.html"><img="5.jpg" /></a>
<a herf="1.html"><img="1.jpg" /></a>
<a herf="2.html"><img="2.jpg" /></a>
<a herf="3.html"><img="3.jpg" /></a>
如果这个随即数 是3那么就显示这样
<a herf="3.html"><img="3.jpg" /></a>
<a herf="4.html"><img="4.jpg" /></a>
<a herf="5.html"><img="5.jpg" /></a>
<a herf="1.html"><img="1.jpg" /></a>
<a herf="2.html"><img="2.jpg" /></a>
如果这个随即数 是2那么就显示这样
<a herf="2.html"><img="2.jpg" /></a>
<a herf="3.html"><img="3.jpg" /></a>
<a herf="4.html"><img="4.jpg" /></a>
<a herf="5.html"><img="5.jpg" /></a>
<a herf="1.html"><img="1.jpg" /></a>
如果这个随即数 是1那么就显示这样
<a herf="1.html"><img="1.jpg" /></a>
<a herf="2.html"><img="2.jpg" /></a>
<a herf="3.html"><img="3.jpg" /></a>
<a herf="4.html"><img="4.jpg" /></a>
<a herf="5.html"><img="5.jpg" /></a>
如果这个随即数 是5那么就显示这样
<a herf="5.html"><img="5.jpg" /></a>
<a herf="1.html"><img="1.jpg" /></a>
<a herf="2.html"><img="2.jpg" /></a>
<a herf="3.html"><img="3.jpg" /></a>
<a herf="4.html"><img="4.jpg" /></a>


请问各位大侠 能实现吗 如果能实现 那具体要怎么写呢? 先谢谢了啊

------解决方案--------------------
稍微精简一下。
HTML code
<div id="demo"></div>
<script type="text/javascript">
var x = Math.floor(Math.random() * 5 + 1); //1-5随机数
var str = '';
for (var i = 0; i < 5; i ++) {
    var y = x + i > 5 ? x + i - 5 : x + i;
    str += '<a href="' + y + '"><img src="' + y + '" /></a>';
}
document.getElementById('demo').innerHTML = str;