renames

2017-05-25 11:56:32 +03:00 · 2017-05-25 11:56:32 +03:00 · 455d300d8d
commit 455d300d8d
parent 787d58a83f
280 changed files with 2 additions and 2 deletions
--- a/3-animation/3-js-animation/move.view/index.html
+++ b/3-animation/3-js-animation/move.view/index.html
@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <style>
+    #train {
+      position: relative;
+      cursor: pointer;
+    }
+  </style>
+</head>
+
+<body>
+
+  <img id="train" src="https://js.cx/clipart/train.gif">
+
+
+  <script>
+    train.onclick = function() {
+      let start = Date.now();
+
+      let timer = setInterval(function() {
+        let timePassed = Date.now() - start;
+
+        train.style.left = timePassed / 5 + 'px';
+
+        if (timePassed > 2000) clearInterval(timer);
+
+      }, 20);
+    }
+  </script>
+
+
+</body>
+
+</html>