Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <body>
- <p>
- <button onclick="myMove()">Click Me</button>
- </p>
- <div id ="container">
- <div id ="animate"></div>
- </div>
- <script>
- function myMove() {
- var elem = document.getElementById("animate");
- var pos = 0;
- var id = setInterval(frame, 5);
- function frame() {
- if (pos == 350) {
- clearInterval(id);
- } else {
- pos++;
- elem.style.top = pos + 'px';
- elem.style.left = pos + 'px';
- }
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement