· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT

(즐거웅코드) 자바스크립트 한 글자씩 순서대로 입력시키기

즐거 '웅' 인생 2021. 9. 10. 17:45
반응형

[즐거'웅'코드] 목차

  1. 예제 소스
  2. 구현 예시
예제 소스
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<button onclick="test()">이벤트 실행</button>
<p id="test_obj"></p>
 
<script>
    var i = 0;
    var txt = '테스트 중입니다.';
    var speed = 100;
 
    function test() {
        if (i < txt.length) {
            document.getElementById("test_obj").innerHTML += txt.charAt(i);
            i++;
            setTimeout(test, speed);
        }
    }
</script>
구현 예시
반응형
저작자표시