(시작)
 
편집 요약 없음
 
(사용자 2명의 중간 판 2개는 보이지 않습니다)
1번째 줄: 1번째 줄:
<includeonly>
{{#tag:div| id=typing-effect-wrapper | {{{1}}} }}
<span class="typing-effect" data-text="{{{1|}}}"></span>
<button onclick="location.reload()">재시도</button>
<button class="retry-typing-effect">재시도</button>
<script>
</includeonly>
var text = "{{{1}}}";
var i = 0;
var speed = 50; // 타이핑 속도 (작을수록 빠름)


<noinclude>
function typeEffect() {
== 사용법 ==
  if (i < text.length) {
<pre>
    document.getElementById("typing-effect-wrapper").innerHTML += text.charAt(i);
{{typing_effect|여기에 문장을 입력합니다.}}
    i++;
</pre>
    setTimeout(typeEffect, speed);
</noinclude>
  }
}
 
typeEffect();
</script>
{{#enddiv}}

2023년 4월 11일 (화) 15:03 기준 최신판

id=typing-effect-wrapper

<button onclick="location.reload()">재시도</button> <script> var text = "{{{1}}}"; var i = 0; var speed = 50; // 타이핑 속도 (작을수록 빠름)

function typeEffect() {

 if (i < text.length) {
   document.getElementById("typing-effect-wrapper").innerHTML += text.charAt(i);
   i++;
   setTimeout(typeEffect, speed);
 }

}

typeEffect(); </script> {{#enddiv}}

• 현재 페이지 URL 줄이기