回答編集履歴

1

追記

2017/05/08 09:35

投稿

yambejp
yambejp

スコア114572

test CHANGED
@@ -51,3 +51,59 @@
51
51
 
52
52
 
53
53
  ```
54
+
55
+
56
+
57
+ # jQuery排除
58
+
59
+ jQuery排除版追記しておきます
60
+
61
+ ```javascript
62
+
63
+ <script>
64
+
65
+ document.addEventListener('click',function(e){
66
+
67
+ var str = "ようこそ!ポケットモンスターのせかいへ!";
68
+
69
+ var timerId;
70
+
71
+ var t=e.target;
72
+
73
+ var speed;
74
+
75
+ if(t.nodeName=="INPUT" && t.type=="button" && (speed=t.getAttribute("data-speed"))){
76
+
77
+ var tb=document.getElementById('textbox');
78
+
79
+ tb.value="";
80
+
81
+ if(timerId) clearInterval(timerId);
82
+
83
+ timerId=setInterval(function(){
84
+
85
+ var len=tb.value.length;
86
+
87
+ if(str.length==len) clearInterval(timerId);
88
+
89
+ tb.value=str.substr(0,len+1);
90
+
91
+ },1000*speed);
92
+
93
+ }
94
+
95
+ });
96
+
97
+ </script>
98
+
99
+ <input type="text" id="textbox" size="50">
100
+
101
+ <input type="button" value="speed1" data-speed="0.05">
102
+
103
+ <input type="button" value="speed2" data-speed="0.1">
104
+
105
+ <input type="button" value="speed3" data-speed="0.3">
106
+
107
+
108
+
109
+ ```