关于JS定时器的一点小心得

<div><img src="images/log1.png" id="lb" border="2px solid red;" οnmοuseοver="f1();" οnmοuseοut="f2();" ></div>
<script type="text/javascript">
var count=0;
function cn(){//定时器函数一定要写在外部，不然没法实现鼠标移上去的时候停止，移除的时候继续切换
var arr = new Array("images/log1.png","images/log2.png","images/log3.png","images/log4.png");
count++;
if(count>3){
count%=4;
}
document.getElementById('lb').src=arr[count]
}
var sr = setInterval(cn,500);//设置定时器
//方式1
function f1(){
clearInterval(sr);//清除定时器
}
function f2(){
sr=setInterval(cn,500);//重启定时器（这里是重点，不能写成//setInterval(cn,500);不然就会使）
}
//方式2
// var el= document.getElementById('lb');
// el.οnmοuseοver=function(){
// clearInterval(sr); 
// }
// el.οnmοuseοut=function(){
// sr=setInterval(cn,1000);
// }

</script>

这只是个小小的示例，主要是之前写成setInterval(cn,500);移动一次之后一直加速，再就停不下来了，新手感悟！大神勿喷！