JSFiddle - React, Tailwind, and code Playground

by levchenko_d

Babel + JSX

Promise.prototype.wait = (ms) => {
    let animationStart = null;
    var promise = new Promise((resolve, reject) => { 
      
      setTimeout(resolve, ms);

  
      // var handle = (timestamp) => {
      //   if(!animationStart) animationStart = timestamp;
      //   var isReady = ms <= timestamp - animationStart;

      //   if(isReady){
      //     resolve();
      //     return;
      //   } else {
      //     return window.requestAnimationFrame(handle);
      //   }
      // }

      // window.requestAnimationFrame(handle);
    });

    return promise;
  }



x = new Promise((res, rej)=>{
	return res();
});

(function(){
return x.then(()=>{$('body').append('<div>a</div>')})
  .wait(1000)
  .then(()=>{$('body').append('<div>b</div>')})
  .wait(500)
  .then(()=>{$('body').append('<div>c</div>')});
}())