<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);
});
This Pen doesn't use any external CSS resources.