<body>
<div style="width:100px;height:100px;background-color:crimson;border-radius:50%;position:absolute;left:0;top:0"></div>
<script type="text/javascript">
function getStyle(elem,prop){
if(window.getComputedStyle){
return window.getComputedStyle(elem,null)[prop];
}else{
return elem.currentStyle[prop];
}
}
var div=document.getElementsByTagName('div')[0];
var speed = 1;
var timer = setInterval(function(){
speed+=speed/7;
div.style.left = parseInt(getStyle(div,'left')) +speed +"px";//left默认值是auto
if(parseInt(div.style.left)>500){
clearInterval(timer);
}
},10);
</script>