From db5b583b9722822238c284a78a17bb8caedbb863 Mon Sep 17 00:00:00 2001
From: MahdiYusefi <mahdi_yusefi@ymail.com>
Date: Fri, 27 Mar 2015 02:57:10 -0700
Subject: [PATCH] Update jsQ2.html

---
 jsQ2.html | 36 ++++++++++++++++++++++++++++++++++++
 1 file changed, 36 insertions(+)
diff --git a/jsQ2.html b/jsQ2.html
index e69de29..bfcb266 100644
--- a/jsQ2.html
+++ b/jsQ2.html
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+
+<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    
+    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+</head>
+<body>
+
+
+    <div id="Squar" style="background: blue; height: 80px; width: 80px; position: absolute;"></div>
+    <script>
+        var start = null;
+        var element = document.getElementById("Squar");
+        element.addEventListener("click", evenetHandler);
+        
+        function evenetHandler() {
+            window.requestAnimationFrame(step);
+        };
+
+        function step(timestamp) {
+            if (!start) start = timestamp;
+            var progress = timestamp - start;
+            var pathLength = Math.sqrt(window.innerHeight * window.innerHeight + window.innerWidth * window.innerWidth);
+            element.style.left = (progress / 4.3) + "px";
+            element.style.top = (window.innerHeight / window.innerWidth) * (progress / 4.3) + "px";
+            if (progress <= 5000) {
+                window.requestAnimationFrame(step);
+            }
+
+        }
+    </script>
+</body>
+</html>
