분류 javascript

흐르는 글자 구현

컨텐츠 정보

  • 조회 917 (작성일 )

본문

HTML :

<p id="scroller"></p>



코드 :

function scroll(position) {
 var msg = "홈페이지제작강좌 - 웹학교!";
 var out = "";
 var sc = document.getElementById("scroller");
 for (var i=0; i < position; i++){
  out += msg.charAt(i);
 }
 out += msg.charAt(position);
 sc.innerHTML = out;
 position++;
 if (position != msg.length) {
  window.setTimeout(function() { scroll(position); }, 50);
 }
 else {
  window.setTimeout(function() { scroll(0); }, 2000);
 }
}
scroll(0);