JS자바스크립트로 AI처럼 글 출력하기

 

 

 

이번 글에서는 자바스크립트의 setInterval 함수와 clearInterval함수를 사용하여

 

 

 

글자를 ChatGPT처럼 출력할수 있게 만들어보겠습니다.

 

 

 

소스는 아래와 같습니다. 

 

 

var content="hello world!";
var text=document.getElementById("a");
var intervalID;
var count=0;
function typing(){
    text.innerText+=content[count++];
    if(count===content.length){
        clearInterval(intervalID);
    }
}
intervalID=setInterval(typing,300);

 

 

 

네이버에서 html 태그 아무곳에 id="a"를 추가하여  콘솔로 테스트해볼게요.

 

 

 

 

 

문제없이 잘 나오는것 같네요^^

짧은글 읽어주셔서 감사합니다.