Frontend Skills - interval을 두고 글자가 바뀌는 효과 입히기

Frontend Skills - interval을 두고 글자가 바뀌는 효과 입히기

<div id="mytext" ></div>

example.html

  var text = ['a','b', 'c', 'd','e','f'];
  function callMe(){
    var myText = document.getElementById('mytext');
    var curIdx = text.indexOf(myText.innerHTML);
    myText.innerHTML = text[(curIdx+1)%text.length];
  }
  setInterval(callMe,1000);

example.js

위와 같이 각각의 html파일,js파일에 넣어주면

1초의 interval을 두고 div태그안의 텍스트가 바뀌는효과를 적용시킬수있습니다!
>적용 예