자리 표시 자 텍스트 애니메이션하기?

Question

내가 만든 양식에 내 텍스트 애니메이션을 추가하는 데 아무도 도와 줄 수 있습니까?

페이지를 새로 고침하면 텍스트가 현재 애니메이션으로 표시됩니다. 양식의 자리 표시 자처럼 작동해야하지만 제대로 작동합니다.

사용자가 양식을 클릭하면 텍스트가 사라져 사용자가 정상적으로 검색 할 수있게됩니다.

은 참조하십시오 내 사람이 바이올린을 업데이트하십시오 도움이, 당신의 도움이 많이 감사 할 수 있다면 Fiddle

!

var txt = $('.writer').text(); 
var timeOut; 
var txtLen = txt.length; 
var char = 0; 
$('.writer').text('|'); 
(function typeIt() { 
    var humanize = Math.round(Math.random() * (200 - 30)) + 30; 
    timeOut = setTimeout(function() { 
     char++; 
     var type = txt.substring(0, char); 
     $('.writer').text(type + '|'); 
     typeIt(); 

     if (char == txtLen) { 
      $('.writer').text($('.writer').text().slice(0, -1)); // remove the '|' 
      clearTimeout(timeOut); 
     } 

    }, humanize); 
}()); 

Answer 1

당신이 기본적으로

Fiddle Demo를 이동하지 않고 텍스트를 얻기 위해 DOM을 찾고보다 'var txt'에서 사용자 정의 텍스트를 포함 :

$('.main-search').attr('placeholder'); 

내 업데이 트를 참조하십시오.

Answer 2

attr ('자리 표시 자')을 찾으십니까? 여기 http://jsfiddle.net/tdpK5/1/