با تشکر از دوست عزیز marasiali ، کمک بزرگی بود یه نمونه ای که با راهنمایی ایشون نوشتم :



<html>
<head>
<style>
.intro {
background-color: yellow;
}

.second {
background-color: green;
}

.third {
background-color: red;
}

.four {
background-color: Blue;
}
</style>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>

var num='1';
$(document).ready(function(){
var change = true;
setInterval(function(){

if(num==1)
{
$('#samplediv').removeClass('intro').addClass('sec ond');


}

if(num==2)
{
$('#samplediv').removeClass('second').addClass('th ird');


}


if(num==3)
{

$('#samplediv').removeClass('third').addClass('fou r');


}

if(num==4)
{

$('#samplediv').removeClass('four').addClass('intr o');


}

num++;


if(num>4)
{

num=1;


}

// alert(num)


}, 7000);
});


</script>
</head>



<div id=samplediv class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>





</html>