Как сделать замену текста в placeholder через промежуток времени?

Question

[Андрей]

Как сделать, чтобы текст в placeholder менялся через определенный промежуток времени?
Текст должен циклично меняться и три вариации, "bla bla bla", "vasya privet" , 'idi domoi'.

<input class="input-seach" type="text" placeholder="бла бла бла" >

Answer 1

[glenean]

Добавьте аттрибут id к input

<input class="input-seach" id="input-seach" type="text" placeholder="бла бла бла" >

Для чистого javascript

setTimeout(function(){
    document.getElementById('input-seach').placeholder='новый текст';
}, 3000);

Для jQuery

setTimeout(function(){ 
    $('#input-seach').attr('placeholder','новый текст');
}, 3000);

//или без id, только по классу .input-seach:

setTimeout(function(){ 
    $('.input-seach').attr('placeholder','новый текст');
}, 3000);

Comments

[Денис Букреев]

мне нравится, что без библиотеки jQ, js выглядит намного понятней и проще

[Андрей]

нужна цикличность (чтобы постоянно менялся текст) и три вариации текста)

[glenean]

Андрей Шамрай:
var textArr = ['первый текст', 'второй текст', 'третий текст'];
var counter = 0
setInterval(function(){
$('.input-seach').attr('placeholder', textArr[counter%2]);
counter++
}, 3000);

Пожалуйста, не забудьте пометить ответ, как правильтный, если это то, что Вы хотели

[Андрей]

glenean: Спасибо!)

Answer 2

[Александр N++]

setTimeOut( function(){
  $('.input-seach').attr('placeholder','ноу ноу ноу');
},1500);