Анимированная строка в инпуте

229
20 марта 2018, 03:13

Суть задачи в том, что есть два инпута, в одном инпуте вводиться строка, во втором инпуте она с анимацией выводится. Попробовал реализовать, но моя идея не сработала. Отладчик ругается на условие if. И еще подскажите, пожалуйста, как реализовать дополнительно остановку и старт анимации по нажатию на кнопки?

var speed = 100; 
var i = 0; 
function line() { 
    var test = document.getElementById('test'); 
var value = test.value; 
    console.log(value); 
   if (i++ < value.length) document.getElementById('result') = value.substring(0, i); 
    else { 
        //document.getElementById('result') = " "; 
        i = 0; 
    } 
    to = setTimeout("line()", speed); 
}
<input type="text" value="" placeholder="Введите строку!" id="test"> 
<input id = "result" value = "Здесь появится результат." disabled> 
<button onclick="line()">Нажми</button>

Answer 1

var speed = 100; 
var i = 0; 
var to = null; 
 
function line() { 
    var test = document.getElementById('test'); 
    var value = test.value; 
    //console.log(value); 
    if (i++ < value.length) document.getElementById('result').value = value.substring(0, i); 
    else { 
        //document.getElementById('result') = " "; 
        i = 0; 
    } 
    to = setTimeout("line()", speed); 
    document.getElementById('click').onclick = stop; 
} 
 
function stop () { 
    clearTimeout(to); 
    //document.getElementById('result').value = " "; 
    document.getElementById('click').onclick = line; 
}
<input type="text" value="" placeholder="Введите строку!" id="test"> 
<input id = "result" value = "Здесь появится результат." disabled> 
<button id = "click" onclick="line()">Нажми</button>

READ ALSO
как сделать елементы в массиве в uppercase
javascript

как сделать елементы в массиве в uppercase

Задача состоит в том, чтобы при поиске елементов в массиве делать их в uppercase, как это можно сделать? Я пытался делать через arrindexOf(department)

 171
Обьясните данную кострукцию arr.push
javascript

Обьясните данную кострукцию arr.push

Я читал про метод массива arrpush добавляет в конец массива елемент

 187
RHS и LHS в JavaScript [требует правки]
javascript

RHS и LHS в JavaScript [требует правки]

Доброго времени сутокЧитаю в книге YDNJ про LHS- и RHS-присваивания

 209
Заполнение текста button в зависимости от количества выбранных select
javascript

Заполнение текста button в зависимости от количества выбранных select

Есть кнопки magic-select у которого кнопка

 225