$(document).ready(function(){
var change = true;
setInterval(function(){
if(change){
$('#samplediv').removeClass('123_test').addClass(' 124_test');
change = false;
}else{
$('#samplediv').removeClass('124_test').addClass(' 123_test');
change = true;
}
}, 20000);
});
(البته چون تو گوشی و بدون ادیتور مناسب نوشتم شاید کوچیک بزرگی حروف رو بعضی جا ها اشتباه نوشته باشم)
و حالا توضیح:
در جاوا اسکریپت یه تابع داریم به اسم setInterval که وظیفه اش فراخوانی یک تابع با فاصله های زمانی ثابته که پارامتر اول تابعی رو میگیره که قراره اجرا شه و پارامتر دوم زمان انتظار برای اجرای دوباره تابع برحسب میلی ثانیه است که اینجا ۲۰۰۰۰ ه یعنی ۲۰ ثانیه
تو جی کوئری هم بعد سلکت المان مدنظرمون با removeClass میشه کلاس دلخواه رو حذف کرد و با addClass کلاس دلخواه رو اضافه کرد.
اینجا هم از یه متغیر استفاده کردیم که بهمون بگه الآن کدوم کلاس رو داره و کدوم کلاس حذف و کدوم باید اضافه شه که تو حالتی که من نوشتم کلاس اولیه عنصر باید 123_test باشه.
البته یه نکته هم هست میتونستیم به جای این دو تابع از تابع toggleClass استفاده کنیم که کارش اینه که اگه اون کلاس رو داشت حذفش میکنه در غیر این صورت اضافه میکنه.
پاسخ با نقل قول