타이핑 효과 만들기:
JavaScript를 사용하여 타이핑 효과를 만들어보는 방법을 알아보세요.
타이핑 효과 생성
第一步 - HTML 추가:
<p id="demo"></p>
第二步 - JavaScript 추가:
var i = 0;
var txt = 'Lorem ipsum 타이핑 효과!'; /* 표시할 텍스트 */
var speed = 50; /* 타이핑 효과의 속도/지속 시간, 밀리초로 계산 */
function typeWriter() {
if (i < txt.length) {
document.getElementById("demo").innerHTML += txt.charAt(i);
i++;
setTimeout(typeWriter, speed);
}
}
