js-textarea动态添加内容

<script>
var rows=0;
var int;
function appendStr(){
 int=setInterval("append()",1000);
}
function append(){
   var textArea=document.getElementById('taid');
   var str='';
   for(var i=0;i<100;i++){
       str+="第"+(rows+i+1)+"行：";
       str+=Math.random()+"\r\n";
   }
   rows+=100;
   var child=document.createTextNode(str);
   textArea.appendChild(child);
   setFocusLast(textArea);
}
function setFocusLast(obj){    
       obj.focus();     
       var r = obj.createTextRange();      
       r.moveStart("character",obj.value.length);     
       r.collapse(true);     
       r.select();       
   }
 function showRows(){
   alert(rows);
 }
 function stop(){
  window.clearInterval(int);
 }
</script>

<textarea rows="30" cols="50" id='taid' readonly="readonly">
</textarea>
<input type=button value='开始' οnclick='appendStr()'/>
<input type=button value='停止' οnclick='stop()'/>