javascript 控制层交替显示

Question

var mflag = true;
function reshowSpan(){
var span1 = document.getElementByName("spnSub");
var span2 = document.getElementByName("spnSub");
if(mflag) {
  span1.display = "";
  span2.display = "none"
  mflag = false;
}else {
  span1.display = "none";
  span2.display = ""
  mflag = true;
}
} setTimeout("reshowSpan",5000);

Answer 1

var mflag = true;
function reshowSpan(){
var span1 = document.getElementsByName("spnSub0")[0];
var span2 = document.getElementsByName("spnSub01")[0];
if(mflag) {
  span1.display = "";
  span2.display = "none"
  mflag = false;
}else {
  span1.display = "none";
  span2.display = ""
  mflag = true;
}
}setTimeout("reshowSpan",5000);

Answer 2

刚写错了
setTimeout("reshowSpan()",5000);

Answer 3

<table cellspacing="0" cellpadding="0" class="infotable"> 
<tr> 
<th width="100"> <a href="space.php?do=mtag&tagid=18">我的大学 </a> </th> 
<td> 
<div id="spnSub0" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">讨论 </a> </div> 
<div id="spnSub1" style="display:none;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">123 </a> </div> 
</td> 
</tr> 
</table> 
<table cellspacing="0" cellpadding="0" class="infotable"> 
<tr> 
<th width="100"> <a href="space.php?do=mtag&tagid=18">我的故乡 </a> </th> 
<td> 
<div id="spnSub0" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">大连 </a> </div> 
<div id="spnSub1" style="display:none;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">北京 </a> </div> 
</td> 
</tr> 
</table> 
这是页面显示的时候HTML代码 
我想实现的是用javascript控制两个div（name="spnSub0"和name="spnSub1 )交替显示，时间间隔为5秒那种。 
求高手指点 
我些的代码不好用： 
<script>
function showDiv()
{
var objs0 = document.getElementsByName("spnSub0"); 
var objs1 = document.getElementsByName("spnSub1"); 
for(var i=0;i<objs0.length;i++)
{
objs0[i].style.display = (objs0[i].style.display=="none"?"block":"none");
objs1[i].style.display = (objs1[i].style.display=="none"?"block":"none");
} setTimeout("showDiv()",5000);
}
showDiv();
</script>

Answer 4

楼主的主要问题出在
div 没有name的属性 只有id的属性

Answer 5

<table cellspacing="0" cellpadding="0" class="infotable"> 
<tr> 
<th width="100"> <a href="space.php?do=mtag&tagid=18">我的大学 </a> </th> 
<td> 
<div name="spnSub0" id="spnSub0" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">讨论 </a> </div> 
<div name="spnSub1" id="spnSub1" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">123 </a> </div> 
</td> 
</tr> 
</table> 
<table cellspacing="0" cellpadding="0" class="infotable"> 
<tr> 
<th width="100"> <a href="space.php?do=mtag&tagid=18">我的故乡 </a> </th> 
<td> 
<div name="spnSub0" id="spnSub0" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">大连 </a> </div> 
<div name="spnSub1" id="spnSub1" style="display:block;" > <a href="space.php?uid=12&do=thread&id=10" target="_blank">北京 </a> </div> 
</td> 
</tr> 
</table> 
<script type="text/javascript">
var mflag = true; 
function reshowSpan(){ 
var Interval = 5000;
var span1 = document.getElementsByName("spnSub0"); 
var span2 = document.getElementsByName("spnSub1"); if (mflag){ 
    for(i = 0;i < span1.length;i++) 
    { 
    span1[i].style.display = "block"; 
    } 
    for(i = 0;i < span2.length;i++) 
    { 
    span2[i].style.display = "none"; 
    } 
    mflag = false; 
    } 
    else 
    { 
    for(i = 0;i < span1.length;i++) 
    { 
    span2[i].style.display = "block"; 
    } 
    for(i = 0;i < span2.length;i++) 
    { 
    span1[i].style.display = "none"; 
    } 
    mflag = true; 
    } 
    setTimeout(reshowSpan,Interval);
} 
reshowSpan();
</script>

Answer 6

function reshowSpan()
{
    var span0= document.getElementById("spnSub0"); 
    var span1 = document.getElementsById("spnSub1");     
    for(var i=0;i<objs0.length;i++)
    {
        span0.style.display = (span0.style.display=="none"?"block":"none");
        span1.style.display = (span1.style.display=="none"?"block":"none");        
    }    setTimeout("reshowSpan()",5000);
}
reshowSpan();

Answer 7

function reshowSpan()
{
    var span0= document.getElementById("spnSub0");
    var span1 = document.getElementsById("spnSub1");   
    span0.style.display = (span0.style.display=="none"?"block":"none");
    span1.style.display = (span1.style.display=="none"?"block":"none");       
    setTimeout("reshowSpan()",5000);
}
reshowSpan();