<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style>
*{
font-size:12px;
margin:0px;
padding:0px;
}
#img img
{
width:360px;
height:190px;
border:0px;
display:none;
}
a
{
text-align:center;
line-height:20px;
background-color:#F00;
margin-left:3px;
display:block;
width:20px;
height:20px;
float:left;
}
</style>
<script type="text/javascript">
var showTt=0;
var timer;
var show=function()
{
var j = arguments[0];
if(!isNaN(j))
{
alert(j);
showTt=j;
}
imgs=document.getElementById('imgdiv').getElementsByTagName('img');
window.clearTimeout(timer);
for(var i=0;i<4;i++)
{
if(i==showTt)
{
imgs[i].style.display='block';
}else
{
imgs[i].style.display='none';
}
}
if(showTt == 3){
showTt = 0;
}else{
showTt++;
}
timer=setTimeout(show,1000);
}
window.onload=show;</script>
<body>
<div id="imgdiv">
<img src="../Lesson7/Demo/image/ad-01.jpg" id="img1" />
<img src="../Lesson7/Demo/image/ad-02.jpg" id="img2"  />
<img src="../Lesson7/Demo/image/ad-03.jpg" id="img3" />
<img src="../Lesson7/Demo/image/ad-04.jpg" id="img4" />
</div>
<div id="num" style="position:absolute; left:250px; top:160px;">
<a href="javascript:show(0)">1</a>
<a href="javascript:show(1)">2</a>
<a href="javascript:show(2)">3</a>
<a href="javascript:show(3)">4</a>
</div>
</body>
</html>

解决方案 »

  1.   


    火狐运行timer=setTimeout(show,1000); 的时候 我show根本就没有任何值,可是我alert时候却是有值的?为什么 怎么解决 求大神新人膜拜
      

  2.   

    alert j 有两次值,之后就没有值了。
    window.clearTimeout(timer);这句可以不要,因为之后又绑定了,没有作用
      

  3.   

    亲 window.clearTimeout(timer) 如果不清空  每当你点一次图片 他就会自动翻页的越来越快的。