JSFiddle - React, Tailwind, and code Playground

by Станислав Некрасов

HTML

<div id="block"></div>

CSS

#block {
  width: 40px;
  height: 40px;
  background: #000;
}

JavaScript

function wait(ms) {
	return new Promise((res, rej) => setTimeout(res, ms));
}

(async function () {
  await wait(500);
  block.style.background = '#f00';
  await wait(1000);
  block.style.background = '#0f0';
  await wait(500);
  block.style.background = '#00f';
  await wait(2000);
  block.style.background = '#0ff';
})();