cancelTimeOut为什么停步下来，麻烦各位看看

<body onload="scroll1()">
<div id="d" style="width:500; text-align:right"><span id="s" onmouseover="cancelTimeOut(time)" onmouseout="setTimeout(scrollid,200)"></span></div></body>
<script language="javascript" type="text/javascript">
var str="我的人生，我主宰！";
var index=0;
var time;
var scrollid="scroll1()";
function scroll1()
{
    if(index<str.length)
    {
        index+=1;
        s.innerText=str.substring(0,index);
        time=setTimeout("scroll1()",200);
    }
    else{
        scrollid="scroll2()";
        time=setTimeout("scroll2()",200);
    }
}
function scroll2(){
    //alert(s.offsetWidth+":"+d.offsetWidth)
    if(s.offsetWidth<d.offsetWidth){
      //  alert("here");
        s.innerText+=" ";
        time=setTimeout("scroll2()",200);
    }
    else{
        index=0;
        d.style.textAlign="left";
        scrollid="scroll3()";
        time=setTimeout("scroll3()",200);
    }
}
function scroll3(){    if(index<str.length)
    {
        index+=1;
        s.innerText=str.substring(index,str.length);
        time=setTimeout("scroll3()",200);
    }
    else{
        index=0;
        d.style.textAlign="right";
        scrollid="scroll1()";
        time=setTimeout("scroll1()",200);
    }
}
</script>