setInterval ex: 2

by Canadian Dev Canadian Dev

HTML

<div id="terminal-screen-2">
</div>

CSS

#terminal-screen-1, #terminal-screen-2, #terminal-screen-3 {
  width: 100%;
  padding: 30px
}

#terminal-screen-2 {
  background: pink;
  color: black
}

JavaScript

var stringArray = ["Hello!", "How are you?", "Goodbye."]
stringArray.forEach(function(string) {
  var index = 0;
  var characterSequence = setInterval(function() {
    $('#terminal-screen-2').append(string[index]);
    index++
    if (index >= string.length) clearInterval(characterSequence);
  }, 50)
});