Входной заполнитель, который изменяется каждые несколько секунд

Question

<input id="home_search" type="text" placeholder="Kyle"> 

Я ищу решение, которое позволяет заменять местозаполнитель каждые 2 секунды, чтобы предопределить другие заполнители. Такие, как «Джон», «Салли»

Answer 1

Используя этот код его рабочего прекрасно

$(document).ready(function(){ 
    var placeHolder = ['one','two','three','four','five']; 
    var n=0; 
    var loopLength=placeHolder.length; 

    setInterval(function(){ 
     if(n<loopLength){ 
      var newPlaceholder = placeHolder[n]; 
      n++; 
      $('input').attr('placeholder',newPlaceholder); 
     } else { 
      $('input').attr('placeholder',placeHolder[0]); 
      n=0; 
     } 
    },2000); 
}); 

С выше кодой вы можете добавить столько, сколько значений вы хотите массив он будет работать бесконечно и вернется обратно в первый заполнитель, когда петля закончить

обновленный рабочий скрипку: https://jsfiddle.net/5pwuqkbp/2/

Answer 2

Вы имеете в виду это?

<script> 
    jQuery(document).ready(function() { 
     var i = 1; 
     setInterval(function() { 
      switch (i) { 
       case 1: 
        $("#home_search").attr('placeholder', 'John'); 
        break; 
       case 2: 
        $("#home_search").attr('placeholder', 'Sally'); 
        break; 
      } 
      i++; 
      if (i > 2) { 
       i = 1; 
      } 
     }, 2000); 
    }); 
</script>