틀:Typing effect: 두 판 사이의 차이

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}}

@@ 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}}