<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>div自动移动</title> </head> <body style="padding: 0px;margin: 0px"> <div id="a" style=" position:absolute;width: 100px;height: 100px;border: solid 1px green"></div> <script type="text/javascript"> var aobj=document.getElementById("a"); var res=0; var length=100; aobj.timer=setInterval(function () { res = aobj.offsetLeft+(length-aobj.offsetLeft)/10; if(length-aobj.offsetLeft<=5){ res = length; }. aobj.style.left=res+"px"; if (Math.ceil(res)==length){ clearInterval(aobj.timer); } },30) </script> </body> </html>
定时器--div自动移动
最新推荐文章于 2022-10-27 13:49:30 发布