读书人

请教这样JS随机数如何实现

发布时间: 2012-06-12 14:21:25 作者: rapoo

请问这样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; 

读书人网 >JavaScript

热点推荐