Главная
>
Javascript > самопечатающийся placeholder
самопечатающийся placeholder
var char_timeout=50;
var story_timeout=2000;
var placeholders=new Array();
placeholders[0]='труба';
placeholders[1]='проточный водонагреватель';
placeholders[2]='фильтр';
placeholders[3]='бак';
placeholders[4]='сифон';
placeholders[5]='теплый пол';
placeholders[6]='душевая кабина';
placeholders[7]='емкость';
placeholders[8]='горелка';
placeholders[9]='арматура';
placeholders[10]='бойлер';
placeholders[11]='газовый котел';
placeholders[12]='наcос';
function start_printing(){
item_count=Number(placeholders.length);
current_placeholder=-1;
current_length=0;
input=$('input[name=search_string]');
run_printing();
}
function run_printing(){
var timeout;
if(current_length==0){
current_placeholder++;
current_placeholder=current_placeholder%item_count;
placeholder=placeholders[current_placeholder].replace(/"/g,'-');
}
input.attr('placeholder',placeholder.substring(0,current_length)+current_char());
if(current_length!=placeholder.length){
current_length++;
timeout=char_timeout;
}
else{
current_length=0;
timeout=story_timeout;
}
setTimeout("run_printing()",timeout);
}
function current_char(){
if(current_length==placeholder.length){
return "";
}
else{
return "|";
}
}
start_printing();