Append Array with Delay x10

by LuckyCat

HTML

<div class="testBox">
  <p class="box">

  </p>
</div>

CSS

.testbox {
  height: 100%;
  width: 100%;
  position: absolute;
}

p {
  display: inline-block;
}

JavaScript

var arr = ["one ", "two ", "three ", "four ", "five "];

function myFunction() {
  var count = 0;
  	//for (var i=1; i<10; i++) {
  jQuery.each(arr, function(index, value) {
		
    setTimeout(function() {
    
      $(".testBox").append('<p class="box">' + value + '</p>');
      console.log('yes');
      
    }, count * 1000);
    
    count++;
    console.log(count);
  });
  //}
}



    myFunction();