Question

javaScript换一换代码需要去除限制

换一批代码，目前只能换七个，每次只有两组， 求助高手改为不限换一批的数量，每次替换的数量可以自己调整，谢谢
<div id="movie1">1</div>
<div id="movie2">2</div>
<div id="movie3">3</div>
<div id="movie4">4</div>
<div id="movie5">5</div>
<div id="movie6">6</div>
<div id="movie7">7</div>
<a href="javascript:;" onclick="javascript:divrefresh();">换一批</a>
<script type="text/javascript">
var show1='1',show2='2';
for(var i=3;i<=7;i++)document.getElementById('movie'+i).style.display='none';
function divrefresh(){
var c='1234567'.replace(show1,'').replace(show2,'');
document.getElementById('movie'+show1).style.display='none';
document.getElementById('movie'+show2).style.display='none';
show1=c.substr(Math.random()*1000%5,1);
document.getElementById('movie'+show1).style.display='block';
show2=c.replace(show1,'').substr(Math.random()*1000%4,1);
document.getElementById('movie'+show2).style.display='block';
}
divrefresh();
</script>

Answer 1

<div id="movie1">1</div>
<div id="movie2">2</div>
<div id="movie3">3</div>
<div id="movie4">4</div>
<div id="movie5">5</div>
<div id="movie6">6</div>
<div id="movie7">7</div>
<input name="n" type="text" id="n" value="4" size="3" maxlength="1" style="width:20px; text-align:center; margin-right:5px;"><a href="javascript:;" onclick="javascript:divrefresh();">换一批</a>

<script type="text/javascript">
var itemMax=7;
var n=document.getElementById("n").value;
for(var i=n;i<=itemMax;i++)document.getElementById('movie'+i).style.display='none';
function divrefresh(){
	var n=document.getElementById("n").value;
	var original=new Array;
	for (var i=0;i<itemMax;i++){
	original[i]=i+1;
	}
	for(var i=1;i<=itemMax;i++){document.getElementById('movie'+i).style.display='none';}
	for (i=0;i<n;i++){
	var index=Math.floor(Math.random()*original.length);
	document.getElementById('movie'+original[index]).style.display='block';
	original.splice(index,1);
	}
}
divrefresh();
</script>

追问

1、 //这个控制能不能改到javaScript里面
2、var itemMax=19; // 这个是总条数吗？
3、如果添加多一些好像也不能正常的运行，你看看，也可以加我扣扣七三二二七零三八一

追答

itemMax为总数 div要对应
n为每次替换的行数
19 经测试没问题 div总数要对应