add time delay to overlay enable

assets/ts/trackMouse.ts

@@ -6,7 +6,8 @@ import {
   center,
   type position,
   createImgElement,
-  calcImageIndex
+  calcImageIndex,
+  delay
 } from './utils'
 import { thresholdSensitivityArray, thresholdIndex } from './thresholdCtl'
 import { imgIndexSpanUpdate } from './indexDisp'
@@ -63,12 +64,7 @@ export const handleOnMove = (e: MouseEvent): void => {
   }
 }
 
-// initialization
+async function enterOverlay(): Promise<void> {
-export function trackMouseInit(): void {
-  window.addEventListener('mousemove', handleOnMove)
-  layers[4].addEventListener(
-    'click',
-    () => {
   // stop images animation
   window.removeEventListener('mousemove', handleOnMove)
   // set top image
@@ -76,10 +72,20 @@ export function trackMouseInit(): void {
   for (let i = 4; i >= 0; i--) {
     layers[i].dataset.status = `t${4 - i}`
   }
+  await delay(2500)
   // Offset previous self increment of global index (by handleOnMove)
   globalIndexDec()
   // overlay init
   overlayEnable()
+}
+
+// initialization
+export function trackMouseInit(): void {
+  window.addEventListener('mousemove', handleOnMove)
+  layers[4].addEventListener(
+    'click',
+    () => {
+      void enterOverlay()
     },
     {
       passive: true