async loop with setTimeout based pause

index.css

/*bug-in-github-api-content-can-not-be-empty*/

index.html

<pre id="count"></pre>

index.js

const pause = _ => new Promise(resolve => setTimeout(resolve, _));

(async function() {

  const countElem = document.querySelector('#count');
  const start = performance.now();
  const limit = 1000;
  for (let i = 0; i < limit; ++i) {
    countElem.textContent = `${i + 1} / ${limit}`;
    await pause();
  }
  const end = performance.now();
  console.log(`elapsed time: ${((end - start) / 1000).toFixed(2)} seconds`);

})();

jsGist.json

{"name":"async loop with setTimeout based pause","settings":{},"filenames":["index.html","index.css","index.js"]}