js循环切换显示

最新推荐文章于 2022-10-11 16:01:24 发布

djt

最新推荐文章于 2022-10-11 16:01:24 发布

阅读量1k

点赞数

分类专栏： js 文章标签： table javascript function

本文链接：https://blog.csdn.net/djt/article/details/2281369

版权

js 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

这么个小问题让我折腾半天，是够笨的

<table id="td1" style="display: "><tr><td>1</td></tr></table>
<table id="td2" style="display:none "><tr><td>2</td></tr></table>
<table id="td3" style="display:none "><tr><td>3</td></tr></table>
<table id="td4" style="display:none "><tr><td>4</td></tr></table>
<script language="javascript" type="text/javascript">
var delayID=0;
var Num=1;
var i;
function change()
{
if(Num==5)Num=1;
for(i=1;i<=4;i++)
{
document.getElementById('td'+i).style.display="none";
}
document.getElementById('td'+Num).style.display="";
Num++;
delayID=setTimeout("change()", 3000);
}
change();
</script>