<div id='container'>
  
</div>
span{
  font-size:20px;
}

.red{
  color:red;
  
}

.orange{
  color:orange;
  
}

.blue{
  color:blue;
  
}

.green{
  color:green;
  
}
$(document).ready(function() {
  let phones = [
    '<span><span class="red">(333)</span> 123423-44343</span>',
    '<span><span class="blue">(444)</span> 123423-234234</span>',
    '<span><span class="green">(555)</span> 1343-234234</span>',
    '<span><span class="orange">(666)</span> 12343-234243</span>'
  ];

  let current = 0;
  setInterval(function() {
    $("#container").fadeOut(400, function() {
      $("#container").html( phones[current] );
      current = current+1 == phones.length ? 0: current+1;
      $("#container").fadeIn();
    });
  }, 2000);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js