Added javascript Box Animation program

instinxt · instinxt · commit 0c431ed28d02 · 2019-10-07T00:51:02.000+05:30
diff --git a/BoxAnimation.html b/BoxAnimation.html
@@ -0,0 +1,31 @@
+<!--  This is a JS code for basic block animation -->
+
+<!doctype html>
+<html>
+<head> <title>Animation using JS </title></head>
+<body> 
+	<div id="container" style="width:200px ; height:200px ; background:green ; position:relative;">
+		<div id="box" style="width:50px ; height:50px ;background:red; position:absolute;"> </div>
+	</div>
+	<script type="text/javascript">
+		//calling the function in window.onload to make sure html is loaded
+		window.onload=function() {
+		//starting position
+			var pos = 0;
+			//our box element
+			var box= document.getElementById('box');
+			var t=setInterval(move ,10);
+				//move box until the boundary is reached
+			function move(){
+				if(pos >=150){
+					clearInterval(t);
+				}
+				else {
+					pos += 1;
+					box.style.left =pos +'px';
+				}
+			}
+		};
+	</script>
+</body>
+</html>
