Introduce delay before displaying QR code...

Client/index.html

@@ -7,6 +7,7 @@
       let fileData,
         chunkSize,
         segmentPosition,
+        timoutHandle,
         activeCanvas = 0; // double buffering.
 
       const $ = (ele) => document.getElementById(ele);
@@ -25,7 +26,7 @@
         segmentPosition += chunkSize;
 
         if (segmentPosition < fileData.length) {
-          window.setTimeout(serveCodes, delay);
+          timoutHandle = window.setTimeout(serveCodes, delay);
         }
       };
       const displayQR = (data, size, ecc) => {
@@ -38,6 +39,8 @@
         chunkSize = Number($("chunkSize").value);
         segmentPosition = Number($("startChunk").value * chunkSize);
 
+        timoutHandle && window.clearTimeout(timoutHandle);
+
         var xhr = new XMLHttpRequest();
         xhr.open("GET", fileName, true);
         xhr.responseType = "arraybuffer";
@@ -50,7 +53,7 @@
             // it seems that the qr library doesn't support binary data - converting to base64
             fileData = window.btoa(binaryString.join(""));
             window.scrollTo(0, 0);
-            serveCodes();
+            timoutHandle = window.setTimeout(serveCodes, 3000);
           }
         };
         xhr.send();
@@ -65,7 +68,7 @@
     <hr />
     Status:<span id="status">...</span>
     <hr />
-    Filename:<input type="text" id="inputFileName" value="testInput/matchSeg.dat" />
+    Filename:<input type="text" id="inputFileName" value="testInput/5K.dat" />
     <br />
     ECC (1-4):<input type="number" value="4" id="ecc" />
     <br />