타이핑 효과 내는 자바스크립트 코드 (Javascript Code to typing effect)

function initialize(){

mytext=$("#"+i).html();

$("#typing").html("");

typeit();

}

function typeit(){

temp = mytext.charAt(it);   //여기서 몇번재 문자열을 문자열을 가져올지 정한다.

if(temp == "^")$("#typing").html($("#typing").html()+"<br>");  //특정 문자열이 나오면 개행

else typing.insertAdjacentText("beforeEnd",temp) ;   //타이핑되는 함수

if (it<mytext.length){

it++ ;

setTimeout("typeit()",70);   //시간 주기 타이핑되는 시간주기

}

}

 

타이핑 효과 내는 자바스크립트 코드  (Javascript Code to typing effect)

한글짜식 타이핑 효과를 내주는 Jquery를 사용한 구문.. 

typing.insertAdjacentText  에 대한 어느 위치에 타이핑 되게 할지 결정

▶ beforeBegin : 택의 외부에서 택의 바로 앞

▶ afterBegin : 택의 내부에서 내용물의 시작

▶ beforeEnd : 택의 내부에서 내용물의 끝

▶ afterEnd : 택의 외부에서 택의 바로 뒤

[출처] insertAdjacentHTML(), insertAdjacentText()|작성자 치억