kamronbekshodmonov / jeloop-visualizer Goto Github PK

Hi

During the execution of function three(), the setTimeout() function is displayed in the webapi section, and after completion of 1 second, the setTimeout() function is displayed in the callback queue. It's the callback function inside of the setTimeout that should be displayed in the callback queue section. Kindly check.

function three() {
  console.log("three");

  setTimeout(function () {
    console.log("last");
  }, 1000);
}

I tried a function on the visualizer

function three() {
  console.log("three");

  setTimeout(function () {
    console.log("last");
  }, 1000);
  
    setTimeout(function () {
    console.log("first");
  }, 500);
}

The function is expected to worked as

console.log("first");

as first then

console.log("last");

But the visualizer shows

console.log("last");

first then

console.log("first");

The problem will confuse the users who want to visualize the event loop .