<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
#test{
width: 100px;
height: 100px;
background: red;
transition:1s;
}
</style>
</head>
<body>
<div id="test"></div>
<script>
var a=0;
var id = setInterval(Anim,500);
function Anim()
{
a=a+10;
if (a==200)
{
clearInterval(id);
}
else
{
var target = document.getElementById("test");
target.style.marginLeft=a+'px';
}
}
</script>
</body>
</html>
OUTPUT
Comments
Post a Comment