Как сделать печатающийся текст в подсказке поля ввода в Тильда
Home
Pages
Listings
Pricing
Blog
Shop
FindAll’s Advanced Search Filter. Take It for a Spin.

Как сделать печатающийся текст в подсказке поля ввода в Тильда

1
Создали блок с формой
2
Создали поле ввода в одну строку с именем findinput
3
Добавили код в блок Другое - Т123
В коде указали ID блока с формой
#rec272559799
Библиотека для примера стандартный блок
<script>
$(document).ready(function(){
let inputEl = $('#rec272559799 [name="findinput"]');
if (inputEl.length){
let speedPrint = 100; let pausePrint = 2000;
let inpTxt = inputEl.attr('placeholder');
let arrTxt = inpTxt.split('');
let partTxt=''; let i=0; let timerPtint; let timerPause; let timerAgain;
function startPrint(){ timerPause =  setTimeout(function(){ timerPtint = setInterval(printHolder, speedPrint)}, pausePrint)};  startPrint();
function clearHolder(){ clearInterval(timerPtint);clearTimeout(timerPause);clearTimeout(timerAgain);  i=0; partTxt='';};
function printHolder() {
        partTxt = partTxt + arrTxt[i]; i++;
        inputEl.attr('placeholder', partTxt );
        if (i == arrTxt.length){clearHolder(); timerAgain =  setTimeout(function(){ startPrint();}, pausePrint)};};
inputEl.focus(function() { clearHolder()});
inputEl.focusout(function() { 
    setTimeout(function(){ inputEl.attr('placeholder', inpTxt ) }, 10);
    if ( !inputEl.val().length) startPrint();
});
};
});    
</script>
Библиотека для примера ZeroBlock
<script>
$(document).ready(function(){
function typeText(){
setTimeout(function(){    
let inputEl = $('#rec272516814 [name="findinput"]');
if (inputEl.length){
let speedPrint = 100; let pausePrint = 2000;
let inpTxt = inputEl.attr('placeholder');
let arrTxt = inpTxt.split('');
let partTxt=''; let i=0; let timerPtint; let timerPause; let timerAgain;
function startPrint(){ timerPause =  setTimeout(function(){ timerPtint = setInterval(printHolder, speedPrint)}, pausePrint)};  startPrint();
function clearHolder(){ clearInterval(timerPtint);clearTimeout(timerPause);clearTimeout(timerAgain);  i=0; partTxt='';};
function printHolder() {
        partTxt = partTxt + arrTxt[i]; i++;
        inputEl.attr('placeholder', partTxt );
        if (i == arrTxt.length){clearHolder(); timerAgain =  setTimeout(function(){ startPrint();}, pausePrint)};};
inputEl.focus(function() { clearHolder()});
inputEl.focusout(function() { 
    setTimeout(function(){ inputEl.attr('placeholder', inpTxt ) }, 10);
    if ( !inputEl.val().length) startPrint();
});};}, 2000);};typeText();
$(window).resize(function() {clearTimeout(window.resizedFinished); window.resizedFinished = setTimeout(function(){ typeText()}, 1000);});
});    
</script>
Made on
Tilda