added new interval parameter

src/app/app.component.html

@@ -106,6 +106,14 @@
           <input type="number" class="form-control" formControlName="spacing">
         </div>
       </ng-container>
+
+      <div class="form-group">
+        <label class="form-control-label">
+          Animationsinterval
+        </label>
+        <input type="number" class="form-control" formControlName="interval" min="0" max="1000" step="1">
+      </div>
+
       <div class="form-group d-flex flex-colmn justify-content-between align-items-center mb-4">
         <label class="form-control-label">
           Animation

src/app/forms/config.form.ts

@@ -58,5 +58,9 @@ export let ConfigForm: FormGroup = fb.group({
       Validators.min(0),
       Validators.max(50)
     ])),
-  })
+  }),
+  interval: fb.control('', Validators.compose([
+    Validators.min(0),
+    Validators.max(1000)
+  ])),
 });

src/environments/environment.prod.ts

@@ -41,6 +41,7 @@ export const environment = {
     spread: {
       amount: 28,
       spacing: 16
-    }
+    },
+    interval: 30
   }
 };

src/environments/environment.ts

@@ -18,6 +18,7 @@ export const environment = {
   production: false,
   debug: false,
   animation: false,
+  animationInterval: 30,
   config: {
     colors: {
       primary: '#129490',
@@ -41,6 +42,7 @@ export const environment = {
     spread: {
       amount: 30,
       spacing: 20
-    }
+    },
+    interval: 30
   }
 };