{"componentChunkName":"component---src-templates-post-template-js","path":"/posts/en/2016-07-03-delaying-promise/","webpackCompilationHash":"a3ac22c47fe06e2afd02","result":{"data":{"markdownRemark":{"id":"0c116b93-387e-5a1d-a260-8901eb179985","html":"

Problem

\n

You want to create a function that creates a promise that delays for a given number of milliseconds.

\n

Ingredients

\n\n

Directions

\n
    \n
  1. \n

    Create a function that accepts the number of milliseconds.

    \n
    function delay(ms) {\n  ...\n}
    \n
    2. \n
\n\n
    \n
  1. \n

    Let the function return a promise object.

    \n
    function delay(ms) {\n  return new Promise(...);\n}
    \n
    2. \n
  2. \n

    Add the resolve-/reject-callback to the promise.

    \n
    function delay(ms) {\n  return new Promise(\n    (resolve, reject) => {\n      ...\n    }\n  );\n}
    \n
    3. \n
  3. \n

    Inside that callback function call setTimeout().

    \n
    function delay(ms) {\n  return new Promise(\n    (resolve, reject) => {\n      setTimeout(resolve, ms);\n    }\n  );\n}
    \n
    4. \n
  4. \n

    Voilá, a perfect delaying function in promise-style.

    \n
    delay(5000).then(() => {\n  console.log('Printed after 5 seconds.')\n});
    \n
    5. \n
\n

Variants

\n\n

Notes

\n","fields":{"slug":"/posts/en/2016-07-03-delaying-promise/","tagSlugs":["/tag/java-script/"]},"frontmatter":{"date":"2016-07-03T08:00:00.000Z","description":null,"tags":["JavaScript"],"title":"Create a delaying function in promise-style"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/posts/en/2016-07-03-delaying-promise/"}}}