Jquery. The slow-growing div box

<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">#tempdiv {width:10px;            height:10px; Border-Color:blue; Border-width:1px; Border-style:dotted; }    </style> <script type= "Text/javascript" >varIntervalid; functiononloadevent () {intervalid= SetInterval ("Growingdiv ()", 1); }        functionF1 () {varTempdiv = document.getElementById ("Tempdiv"); Tempdiv.innerhtml= tempdiv.innerhtml + "a"; }        functionGrowingdiv () {varTempdiv = document.getElementById ("Tempdiv"); //alert (tempdiv.style.width);            varTempwidth =Tempdiv.style.width; varTempheight =Tempdiv.style.height; Tempwidth= parseint (Tempwidth, 10); Tempheight= parseint (Tempheight, 10); if(Tempwidth > 1000) {clearinterval (intervalid); } tempwidth= Tempwidth + 1; Tempdiv.style.width= Tempwidth + "px"; Tempheight= Tempheight + 1; Tempdiv.style.height= Tempheight + "px"; //clearinterval (intervalid);        }    </script>
Jquery. The slow-growing div box