Question

js/jquery网页每次刷新随机显示不同的DIV

用js/jquery，如何控制网页打开或者每次刷新都会随机显示不同的DIV内容？比如有三个DIV，从中随机选择一个DIV，另外的两个可以display:none。希望能支持多个DIV。分不多，希望懂的帮帮忙回答一下，谢谢，希望贴出代码。

Answer 1

function showRadomDiv(){
var total= document.getElementsByTagName("DIV").length;//获得div的总个数
var showDiv= Math.random()*10*n;//获得显示div的随机数
for(var i=0;i<total;i++){
if(i==showDiv){
document.getElementsByTagName("DIV")[i].style.display="block";//显示随机的div;
}else{
document.getElementsByTagName("DIV")[i].style.display="none";//隐藏其它div,
}
}
}

window.onload={
showRadomDiv();//当页面打开或者页面刷新的时候调用函数
}

Answer 2

$(document).ready(functon(){
var DivList=$("div");
var n=DivList.length;//div数量
var number= Math.random()*10*n;//随即其中一个
for(var i=0;i<ni++)
{
if(i==number)
{
DivList[i].show();
}
else
{
DivList[i].hide();
}
}

Answer 3

<div id="div1" style="display:none;">123</div>
<div id="div2" style="display:none;">456</div>
<div id="div3" style="display:none;">789</div>
<script language="javascript">
<!--
var n=3;
var divnum=parseInt(n*Math.random()+1);
var divname="div"+divnum.toString();　
document.getElementById(divname).style.display="block";
//-->
</script>

Answer 4

原理：获取秒数，并截取第一位数即1--6，然后判断是1还是2.···还是6，再将所有的div隐藏掉然后具体显示哪个div，思路大概就是这样了
<SCRIPT language=JavaScript>
today=new Date();
var a = today.getSeconds();//秒
a=a.substring(0,1);
switch(a)
{
case "1":
$("div").hide();
$("#id").show();
break;
case "2":
$("div").hide();
$("#id").show();
break;
//依此类推
}