با تشکر از دوست عزیز 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>