動畫佔位符文本？

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

基本上包括在'var txt'自定義文本，而不是仰視DOM來獲取文本。

Answer 2

我認爲您正在尋找attr（'placeholder'）？

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

看到我更新：http://jsfiddle.net/tdpK5/1/