title: how to make text carousel with a set of an array
body: <p>i'm creating jQuery text Carousel </p>
  
  <p>Fiddle : <a href="https://jsfiddle.net/wdfz70vx/" rel="nofollow">https://jsfiddle.net/wdfz70vx/</a></p>
  
  <p>after every 5 seconds i want to change my array set like if i'm using <code>arraySliderText[]</code>, 5 seconds later i want to shift to <code>arraySliderText2[]</code></p>
  
  <pre><code> &lt;h3 id="arrivedSlider"&gt;&lt;/h3&gt;
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>var arraySliderText = ['D', 'E', 'S', 'I', 'G', 'N', ' ',
  'I', 'S', ' ', 'A', ' ', 'J', 'O', 'U', 'R', 'N', 'E', 'Y',
  ' ', 'O', 'F', ' ', 'D', 'I', 'S', 'C', 'O', 'V', 'E', 'R', 'Y'];
  
  var arraySliderText2 = ['D', 'E', 'S', 'I', 'G', 'N',
  ' ', '&amp;', ' ', 'D', 'I', 'S', 'C', 'O', 'V', 'E', 'R', 'Y'];
  
  var searchReturnText = '';
  var z = 0;
  var sliderFinalText = $('#arrivedSlider');
  
  var intervalText = setInterval(function () {
  
      searchReturnText = searchReturnText + arraySliderText[z];
      sliderFinalText.text(searchReturnText);
  
      if (z == arraySliderText.length - 1) {
          clearInterval(intervalText);
      }
  
      z++;
  
  }, 100);
  </code></pre>