up

2016-11-14 23:41:18 +03:00 · 2016-11-14 23:41:18 +03:00 · b0976b5253
commit b0976b5253
parent f99574f53b
153 changed files with 590 additions and 533 deletions
--- a/1-js/9-object-inheritance/10-class-inheritance/5-menu-timer-animated/solution.view/index.html
+++ b/1-js/9-object-inheritance/10-class-inheritance/5-menu-timer-animated/solution.view/index.html
@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html>
+
+<head>
+  <meta charset="utf-8">
+</head>
+
+<body>
+
+  <script src="menu.js"></script>
+  <script>
+    function AnimatingMenu() {
+      Menu.apply(this, arguments);
+    }
+
+    AnimatingMenu.prototype = Object.create(Menu.prototype);
+
+    AnimatingMenu.prototype.STATE_ANIMATING = 2;
+
+    AnimatingMenu.prototype.open = function() {
+      var self = this;
+
+      this._state = this.STATE_ANIMATING;
+
+      this._timer = setTimeout(function() {
+        Menu.prototype.open.call(self);
+      }, 1000);
+    };
+
+    AnimatingMenu.prototype.close = function() {
+      clearTimeout(this._timer);
+      Menu.prototype.close.apply(this);
+    };
+
+    AnimatingMenu.prototype._stateAsString = function() {
+
+      switch (this._state) {
+        case this.STATE_ANIMATING:
+          return 'анимация';
+
+        default:
+          return Menu.prototype._stateAsString.call(this);
+      }
+    };
+
+    // тест, использование..
+    var menu = new AnimatingMenu();
+
+    menu.showState(); // закрыто
+
+    menu.open();
+    menu.showState(); // анимация
+
+    setTimeout(function() { // через 1 секунду
+      menu.showState(); // открыто
+
+      menu.close();
+      menu.showState(); // закрыто
+    }, 1000);
+  </script>
+
+</body>
+
+</html>