time module; some optimize

package.json

@@ -56,6 +56,6 @@
   },
   "dependencies": {
     "balloon-css": "^0.5.0",
-    "promise-polyfill": "7.0.2"
+    "promise-polyfill": "7.1.0"
   }
 }

src/css/index.scss

@@ -146,7 +146,7 @@ $aplayer-height-lrc: $aplayer-height + $lrc-height - 6;
             bottom: 50%;
             right: 50%;
             margin: 0 -15px -15px 0;
-            .aplayer-icon-play {
+            svg {
                 position: absolute;
                 top: 3px;
                 left: 4px;
@@ -161,7 +161,7 @@ $aplayer-height-lrc: $aplayer-height + $lrc-height - 6;
             border: 2px solid #fff;
             bottom: 4px;
             right: 4px;
-            .aplayer-icon-pause {
+            svg {
                 position: absolute;
                 top: 2px;
                 left: 2px;

src/js/controller.js

@@ -51,9 +51,7 @@ class Controller {
                 this.player.bar.set('played', 0, 'width');
             }
             else {
-                this.player.bar.set('played', percentage, 'width');
-                this.player.template.ptime.innerHTML = utils.secondToTime(percentage * this.player.audio.duration);
-                this.player.audio.currentTime = this.player.bar.get('played', 'width') * this.player.audio.duration;
+                this.player.seek(percentage * this.player.audio.duration);
             }
         });
 
@@ -70,7 +68,7 @@ class Controller {
             percentage = percentage > 0 ? percentage : 0;
             percentage = percentage < 1 ? percentage : 1;
             this.player.bar.set('played', percentage, 'width');
-            this.player.lrc && this.player.lrc.update(this.player.bar.get('played', 'width') * this.player.audio.duration);
+            this.player.lrc && this.player.lrc.update(percentage * this.player.audio.duration);
             this.player.template.ptime.innerHTML = utils.secondToTime(percentage * this.player.audio.duration);
         };
 
@@ -81,19 +79,14 @@ class Controller {
                 this.player.bar.set('played', 0, 'width');
             }
             else {
-                this.player.audio.currentTime = this.player.bar.get('played', 'width') * this.player.audio.duration;
-                this.player.playedTime = setInterval(() => {
-                    this.player.bar.set('played', this.player.audio.currentTime / this.player.audio.duration, 'width');
-                    this.player.lrc && this.player.lrc.update();
-                    this.player.template.ptime.innerHTML = utils.secondToTime(this.player.audio.currentTime);
-                    this.player.trigger('playing');
-                }, 100);
+                this.player.seek(this.player.bar.get('played', 'width') * this.player.audio.duration);
+                this.player.timer.enable('progress');
             }
         };
 
         this.player.template.thumb.addEventListener('mousedown', () => {
             barWidth = this.player.template.barWrap.clientWidth;
-            clearInterval(this.player.playedTime);
+            this.player.timer.disable('progress');
             document.addEventListener('mousemove', thumbMove);
             document.addEventListener('mouseup', thumbUp);
         });