2015-08-27 3 views
0

У меня есть скрипт, где он печатает строку по слову, и мне интересно, есть ли у вас строка с 10 строками, как вы показываете первые 8 линии, и последние две строки вы печатаете это слово за словом. Благодарю.Распечатайте последние две строки строкового слова словом

<div id="myTypingText"></div> 

<script> 
var myString = "Place your <br> string data <br> here, and as much as you like."; 
var myArray = myString.split(""); 
var loopTimer; 
function frameLooper() { 
    if(myArray.length > 0) { 
     document.getElementById("myTypingText").innerHTML += myArray.shift(); 
    } else { 
     clearTimeout(loopTimer); 
       return false; 
    } 
    loopTimer = setTimeout('frameLooper()',70); 
} 
frameLooper(); 
</script> 
+0

Пожалуйста, обратите внимание, что '
,'
, '
,' '
является _HTML линия break_ но не фактическая новая линия в _String_ –

ответ

2

Вы можете использовать .split («\ п»), чтобы разделить на символ новой строки первой и напечатать первые 8 элементов в массиве, возвращаемом затем продолжить с того, что у вас есть для остального текста, чтобы напечатать его слово за слово. Вы можете либо объединить оставшиеся строки с помощью +, либо повторно запустить свой код для каждой строки массива.

Предполагается, что пользователи будут вводить ввод с клавиатуры, создавая новые строки, используя символ \ n new-line. Если новые строки сделаны другим способом, просто используйте .split() на любом другом символе, который разделяет новые строки и делает то же самое.

+0

примере, пожалуйста. – jessica

+0

Ознакомьтесь с http://codepen.io/anon/pen/qOWbyK Введите текст в текстовое поле и нажмите кнопку, чтобы узнать, что именно вы искали. – bransonl

Смежные вопросы