Updated

unicar9 · Apr 9, 2019 · c51bf5e · c51bf5e
1 parent 7ef310a
commit c51bf5e
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -12,28 +12,13 @@
   <script src="index.js"></script>
 </head>
 <body>
+
 	<div class="colorName"></div>
-    <div class="container">
+
+	<div class="container">
 		<span class="icon-play" id="move"></span>
 		<span class="icon-download3" id="save"></span>
-		<span class="icon-cog" id="config"></span>
-	</div>
-
-	<div class="menu">
-		<div>
-			<label class="switch">
-				<input type="checkbox">
-				<span class="slider round"></span>
-				自动播放动画
-			</label>
-		</div>
-		<div>
-			<label class="switch">
-				<input type="checkbox">
-				<span class="slider round"></span>
-				颜色名称不消失
-			</label>
-		</div>
 	</div>
+
 </body>
 </html>
diff --git a/index.js b/index.js
@@ -48,7 +48,11 @@ function setup() {
     growMountains()
     mountains.forEach(m => m.display())
 
-    noLoop()
+    if (isMoving) {
+        loop()
+    } else {
+        noLoop()
+    }
 }
 
 
@@ -70,17 +74,16 @@ window.onload = function () {
         saveCanvas(canvas, 'jizhi-bg', 'jpg')
     })
 
-    document.querySelector('#move').addEventListener('click', () => {
+    const moveBtn = document.querySelector('#move')
+
+    moveBtn.addEventListener('click', () => {
         isMoving = !isMoving
 
         if (isMoving) {
             loop()
         } else {
             noLoop()
         }
-
-        const moveBtn = document.querySelector('#move')
-
         moveBtn.classList.toggle('icon-pause2')
         moveBtn.classList.toggle('icon-play')
     })