Nested setTimeout alternative?

Question

I need to execute 3 functions in a 1 sec delay.

for simplicity those functions are :

console.log('1');
console.log('2');
console.log('3');

I could do this: ( very ugly)

 console.log('1')
 setTimeout(function () {
     setTimeout(function () {
         console.log('2')
         setTimeout(function () {
             console.log('3')

         }, 1000)
     }, 1000)

 }, 1000)

Or I could create an array of functions and use setInterval with global counter.

Is there any elegant way of doing this ?

(p.s. function no.2 is not dependent on function number 1... hence - every sec execute the next function.).

Answer 1

setTimeout(function(){console.log('1')}, 1000);
setTimeout(function(){console.log('2')}, 2000);
setTimeout(function(){console.log('3')}, 3000);

Answer 2

with async/await

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

async function main() {
  await pause(1000);
  console.log('one');
  
  await pause(1000);
  console.log('two');
  
  await pause(1000);
  console.log('three');
}

main();

note this works in a loop too

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

async function main() {
  for (let i = 0; i < 3; ++i) {
    await pause(1000);
    console.log(i + 1);
  }
}

main();