var index =0; var start=document.getElementsByClassName("start_text"); var start_text_flag=0; movePagebg(); startText(); function movePagebg(){ setTimeout(function(){ Array.from(document.getElementsByClassName("page1_img")).forEach(function(element){ index = element.className.split("page1i")[1] * 1; element.className = `page1_img page1i${(index-1 < 0) ? 2 : index-1}`; }) movePagebg(); },5000) } function startText(){ var startTextinterval=setInterval(function() { if(start_text_flag==2){ clearInterval(startTextinterval); } start[0].className='start_text1'; start_text_flag++; }, 200); }