방법 - 타이핑 효과
JavaScript로 타이핑 효과를 만드는 방법을 알아보세요.
타이핑 효과 만들기
1단계) HTML 추가:
예시
<p id="demo"></p>
2단계) 자바스크립트 추가:
예시
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);
}
}
팁: JavaScript 참조에서 window.setTimeout() 메서드에 대해 자세히 알아보세요 .