<p>

<button onclick="myMove()">点我</button> 

</p>

​

<div id ="myContainer">

<div id ="myAnimation"></div>

</div>

function myMove() {

  var elem = document.getElementById("myAnimation");   

  var pos = 0;

  var id = setInterval(frame, 10);

  function frame() {

    if (pos == 350) {

      clearInterval(id);

    } else {

      pos++; 

      elem.style.top = pos + 'px'; 

      elem.style.left = pos + 'px'; 

    }

  }

}

#myContainer {

  width: 400px;

  height: 400px;

  position: relative;

  background: yellow;

}

#myAnimation {

  width: 50px;

  height: 50px;

  position: absolute;

  background-color: red;

}