1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8" />
5 <title></title>
6 <style type="text/css">
7 #box {
8 width: 100px;
9 height: 100px;
10 background: deeppink;
11 position: absolute;
12 left: 0;
13 text-align: center;
14 line-height: 100px;
15 color: #fff;
16 }
17 </style>
18 </head>
19 <body>
20 <div id="box"></div>
21 <script>
22 var i = -200;
23 var oBox = document.getElementById("box");
24 function Move(){
25 i += 20;
26 oBox.style.left = i + 'px';
27 if(i>= (document.body.clientWidth - 110))
28 {
29 clearInterval(timer);
30 }
31
32 }
33 var timer = setInterval(Move,10);
34 </script>
35 </body>
36 </html>