Question

javascript的clearTimeout问题

下面的程序为什么在firefox，谷歌中无限循环

我的思路是这样的：
打开页面，5秒后页面中的一幅图片的高度会慢慢缩小，直到为0；
然后更换为另一幅图片

<div id="top_box"> <img src="image/top1.jpg" id="logopic" width="960px"></div>

<script>
window.onload=function(){
setTimeout(switchSmall, 5000);
};

var timer=null;

function switchSmall(){
var myImg=document.getElementById('logopic');

var h=myImg.offsetHeight;
if(h>0){
h-=10;
myImg.height=h;//alert(h);
timer=setTimeout(switchSmall, 100);

}else{
clearTimeout(timer);
myImg.src="image/top2.jpg";
myImg.height=100;
}

}

Answer 1

无限循环的原因是你取 offsetHeight的值, 而设置的是height, 所以你的 if(h>0) 总是true

其它没什么问题,

Answer 2

setTimeout是不需要clearTimeout的，我想你是用错函数了吧，应该用setInterval代替setTimeout
setTimeout是一次性的，setInterval是间隔固定的时间执行

Answer 3

把js剪切到</head>标签之前，并加上</script>,然后试试在火狐下，我这边显示没问题，效果和你想要的符合