How to make text appear and change?

Question

css

Good afternoon.
There is a text:

<h3 id="text">We will <span id="green">8</span> your purchase.</h3>
<h3 id="text">We will  <span id="green">5</span> your purchase.</h3>
<h3 id="text">We will <span id="green">2<</span> your purchase.</h3>
<h3 id="text">We will<span id="green">3</span>your purchase.</h3>

It is necessary that the lines change each other every 5 seconds.
I was thinking of doing it with a function like this:

$(function(){
       var message = ['#text'];
function show()
       {  var text = message.shift();
          message.push(text)
          text(text).fadeIn(700, hide);
       }
       function hide()
       {
         delay(2000).fadeOut(700, show)
       }
      show()

But she doesn't work. Tell me what's the problem.

Example of such text on hpicheck.com

Answer 1

https://jsfiddle.net/nick_sdk/y7qs5t1L/1/