How to Turn a `setTimeout` Function into a Promise?

How to Turn setTimeout into a Promise

The task of creating a promise for a function that returns nothing, such as setTimeout, can be initially challenging. To understand this concept, let's refer to a modified code sample:

<br>function async(callback){</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">setTimeout(function(){
    callback();
}, 5000);

Copy after login

}

async(function(){

console.log('async called back');

});

Our goal is to generate a promise that async can return once the setTimeout callback is ready.

Basic Delay with Promise

Using native promises, we can create a function called later as follows:

<br>function later(delay) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">return new Promise(function(resolve) {
    setTimeout(resolve, delay);
});

Copy after login