- ベストアンサー
スマートフォンでの折り返し表示と有限化の改良方法
- スマートフォン上でスクリプトを使用して文字の折り返し表示と有限化を実現したい。
- エンドレスの繰り返し表示を1回限りの有限表示に変更したい。
- スクリプトの改良方法について教えてください。
- tajix14
- お礼率72% (175/242)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
すまほでうごくでしょうか？ ぜんかくくうははくは、はんかくにしてください。 （かーそるきのうは、ありません。） ＞どこをどう改造すれば あまりにもそれがあれなもんで、そこをあれすると そっちがあれで するとこっちがこれできりがない というか… <!DOCTYPE html> <title></title> <meta charset="utf-8"> <style> div#hoge { width : 30em; } #hoge textarea { width : 100%; height : 1em; border : none; } </style> <body> <div id="hoge"> <textarea></textarea> <textarea></textarea> <textarea></textarea> </div> <script> var textarea = document.querySelectorAll ('div#hoge > textarea'); var line = [ "これは、文字を一文字づつ表示出来るスクリプトです。", "指定回数だけ表示します。文字を一文字づつ表示出来るスクリプトで大変便利と思っているのは、製作者サイドだけです。", "出来ればこのような機能は、もう無いほうがいいＺ！" ]; (function (line, area, interval, repeat) { var i, j, a, t; (function LOOP0 () { for (i = 0; a = area[i++]; ) a.value = ''; i = j = 0; a = area[i]; t = line[i]; (function LOOP1 () { a.value += t[j++]; if (a.offsetHeight < a.scrollHeight) a.style.height = a.scrollHeight + 'px'; if (j < t.length) return setTimeout (LOOP1, interval); if (a = area[++i]) { j = 0, t = line[i]; return LOOP1 (); } if (0 < --repeat) return LOOP0 (); })(); })(); }) (line, textarea, 200, 1); </script>
お礼
動きました。 お忙しい中改造頂きまして大変ありがとうございました。 本当に助かりました。 深く御礼申し上げます。