<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
#box {
width: 100px;
height: 100px;
background: deeppink;
position: absolute;
left: 0;
text-align: center;
line-height: 100px;
color: #fff;
}
</style>
</head>
<body>
<div id="box"></div>
<script>
var i = -200;
var oBox = document.getElementById("box");
function Move(){
i += 20;
oBox.style.left = i + 'px';
if(i>= (document.body.clientWidth - 110))
{
clearInterval(timer);
}
}
var timer = setInterval(Move,10);
</script>
</body>
</html>
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>