setInterval ex: 3

by Canadian Dev Canadian Dev

HTML

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

CSS

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

#terminal-screen-3 {
  background: seagreen;
  color: black
}

JavaScript

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