dynamic counting

colevandersWands · Dec 11, 2024 · 99a8ff7 · 99a8ff7
1 parent 1dc3b3e
commit 99a8ff7
Show file tree

Hide file tree

Showing 5 changed files with 60 additions and 55 deletions.
diff --git a/public/bundle/min.js b/public/bundle/min.js
diff --git a/public/src/filter-snip-pets/index.js b/public/src/filter-snip-pets/index.js
@@ -1,3 +1,5 @@
+import { countSnippets } from '../utils/count-snippets.js';
+
 import { state } from '../state.js';
 
 import { persistToParams } from './persist-to-params.js';
@@ -62,4 +64,6 @@ export const filterSnipPets = (snippetTitle = '') => {
   }
 
   persistToParams();
+
+  countSnippets(state.snippets.filter((snippet) => snippet.display).length);
 };
diff --git a/public/src/index.js b/public/src/index.js
@@ -16,8 +16,6 @@ window.state = state;
 
 import './init/comments.js';
 
-import './init/count-snippets.js';
-
 import './init/mdn-potluck.js';
 
 import './init/outlinks.js';

diff --git a/public/src/init/count-snippets.js b/public/src/init/count-snippets.js
diff --git a/public/src/utils/count-snippets.js b/public/src/utils/count-snippets.js
@@ -0,0 +1,11 @@
+let counterval = 0;
+
+export const countSnippets = (countTo = 0) => {
+  if (counterval) clearInterval(counterval);
+
+  let counted = 0;
+  counterval = setInterval(function countingSnippets() {
+    document.title = 'Snippetry #' + counted;
+    if (++counted > countTo) clearInterval(counterval);
+  }, 1000);
+};