How can I make the pattern execute one after the other rather than all at once?

To make a pattern execute one after the other rather than all at once, you can use a loop and a delay.

Here is an example of how you can use a for loop and the setTimeout function to execute a pattern one after the other:

// An array of values to loop through
var values = [1, 2, 3, 4, 5];

// A function to execute for each value in the array
function doSomething(value) {
  console.log(value);
}

// The delay between each iteration of the loop, in milliseconds
var delay = 1000;

// Loop through the values in the array
for (var i = 0; i < values.length; i++) {
  // Get the current value
  var value = values[i];

  // Execute the function with a delay
  setTimeout(function() {
    doSomething(value);
  }, delay * i);
}

This code will execute the doSomething function for each value in the values array, with a delay of one second between each iteration.

I hope this helps! Let me know if you have any questions or need more information.