테스트 사이트 - 개발 중인 베타 버전입니다

javascript 질문드려요~ 채택완료

지수아빠 2년 전 조회 2,366

 

   

 

타이핑효과를 주는 text animation 인데

이게 계속 반복됩니다.

한번만 보여주고 끝내려면 어딜 고쳐야하나요.... ㅜㅜ

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

ChatGPT 답변 입니다^^

<script>

  const content = "Typing Effect";

  const text = document.querySelector(".text");

  let index = 0;

  let intervalId;</p>

<p>  function typing() {

    text.textContent += content[index++];</p>

<p>    if (index >= content.length) {

      clearInterval(intervalId);

    }

  }</p>

<p>  intervalId = setInterval(typing, 200);

</script>

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

지수아빠
2년 전
푸른산타님 감사합니다.
ChatGPT
저도 써봐야겠네요... ^^
들레아빠
2년 전
[code]
<a href="#pop" onclick="window.open('https://chat.openai.com/chat','','width=1000,height=600')"><i class="fa fa-comments-o" title="chatGPT" style="float:center;font-size:30px"></i></a>
[/code]

댓글을 작성하려면 로그인이 필요합니다.

setInterval(typing, 200) -> setTimeout(typing, 200)

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

지수아빠
2년 전
감사합니다. 친절한태엽씨님~
귀한 시간 내주셔서 감사합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인