틀: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번째 줄: @@
-<div id="typing-effect-wrapper">
+{{#tag:div| id=typing-effect-wrapper | {{{1}}} }}
-{{{1}}}
 <button onclick="location.reload()">재시도</button>
-</div>
+<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}}