How To - 타이핑 효과

w3.css

타이핑 효과

JavaScript를 사용하여 타이핑 효과를 만드는 방법을 알아보자.

타이핑 효과 만들기

1단계) HTML 추가

<p id="demo"></p>

2단계) JavaScript 추가

var i = 0;
var txt = 'Lorem ipsum typing effect!'; /* The text */
var speed = 50; /* The speed/duration of the effect in milliseconds */

function typeWriter() {
  if (i < txt.length) {
    document.getElementById("demo").innerHTML += txt.charAt(i);
    i++;
    setTimeout(typeWriter, speed);
  }
}

기본 예시

예제 보기