<!DOCTYPE HTML> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #redbox{position: absolute;left: 100px;top: 100px;width: 200px;height: 200px;background-color: red;} </style> </head> <body> <script type="text/javascript"> var intervalId=null; window.onload=function(){ document.getElementById("redbox").onclick=stopStartElement; } function stopStartElement(){ if(intervalId==null){ var x=100; intervalId=setInterval(function(){ x+=5; var left=x+"px"; document.getElementById("redbox").style.left=left; },100); }else{ clearInterval(intervalId); intervalId=null; } } </script> <div id="redbox"></div> </body> </html>