运行 ❯
获取您的
自己的
网站
×
更改方向
保存代码
更改主题，深色/浅色
前往 Spaces
<!DOCTYPE html> <html> <style> #myContainer { width: 400px; height: 400px; position: relative; background: yellow; } #myAnimation { width: 50px; height: 50px; position: absolute; background-color: red; } </style> <body> <p> <button onclick="myMove()">Click Me</button> </p> <div id ="myContainer"> <div id ="myAnimation"></div> </div> <script> var id = null; function myMove() { var elem = document.getElementById("myAnimation"); var pos = 0; clearInterval(id); id = setInterval(frame, 10); function frame() { if (pos == 350) { clearInterval(id); } else { pos++; elem.style.top = pos + 'px'; elem.style.left = pos + 'px'; } } } </script> </body> </html>
