Главная » Фрагменты кода » Мигающий плейсхолдер в динамических инпутах js

Мигающий плейсхолдер в динамических инпутах js

Для калькулятора вордпресс понадобилось сделать мигающие плейсхолдеры в динамически добавляемых инпутах. Это помогает посетителю сообразить, что в это поле надо ввести значение.

Поиск анимация плейсходера в динамических инпутах результата практически не дал. Первый мигает остальные нет.

Тогда мысли заработали в другую сторону и элементарное решение пришло само собой! Вот, что значит точно сформулированный запрос в поиске! Искать надо было изменение значений плейсхолдера по таймеру js.

Решение нашлось быстро, оставалось только адаптировать его под свои параметры и вставить в правильное место.

Рабочий код ниже:

var textArr = ['|', ''];  
var counter = 0  
setInterval(function(){  
    $('.calc').attr('placeholder', textArr[counter%2]);  
    counter++;  
}, 500);  

Результат можно посмотреть в Калькуляторе на этом сайте!