Js-dom: scrollleft scrolling of the base---fixed area

<style type= "Text/css" >
#wrap {
height:200px;
width:200px;
border:5px solid yellow;
Overflow:hidden;
}
#child {
height:500px;
width:500px;
Background-color: #ccc;
}
</style>

<script>

Window.onload=function () {

Owrap=document.getelementbyid ("wrap");

var start=0;

var timer=setinterval (function () {

start++;

if (start>=200) {

Clearinterval (timer);

}

Owrap.scrollleft=start;

},30);

}

</script>

<div id= "Wrap" >
<div id= "Child" > The occurrence of a flying real score scatter the occurrence of a fly-by-the-fly-score scatter of the occurrence of the flying real score scatter the occurrence of the occurrence of the happening of the water and electricity of the spread of the actual score scatter flying real scores scatter the occurrence of the fly-out score scatter the occurrence of the flying real scores of the occurrences of the flying real scores sprinkled the occurrence of the occurrence of the FEI real score scatter the occurrence of the fly The real score scatter the occurrence of the flying real score of the occurrence of the fly who happened to the occurrence of the water and electricity charge of the spread of the actual score scatter the occurrence of the flying real score scattered the occurrence of the flying real score scattered the occurrence of the fly-out of the occurrence of a flying man who happened the occurrence of the water bill </div>
</div>