Search placeholder typing animation

script

(function() {
var input = document.querySelector('input[type="search"]');
if (!input) return;
var phrases = [
'Elektrokola',
'Lyžařské helmy',
'Skialpové lyže',
'Běžecké hole',
'Jak vybrat výbavu?',
'Doplňky'
];
var phraseIndex = 0;
var charIndex = 0;
var deleting = false;
function random(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function typePlaceholder() {
var phrase = phrases[phraseIndex];
if (!deleting) {
charIndex++;
input.placeholder = phrase.substring(0, charIndex);
if (charIndex === phrase.length) {
deleting = true;
setTimeout(typePlaceholder, 1800);
return;
}
setTimeout(typePlaceholder, random(45, 110));
} else {
charIndex--;
input.placeholder = phrase.substring(0, charIndex);
if (charIndex === 0) {
deleting = false;
phraseIndex = (phraseIndex + 1) % phrases.length;
setTimeout(typePlaceholder, 500);
return;
}
setTimeout(typePlaceholder, random(25, 60));
}
}
typePlaceholder();
})();