js动态字体打印又消失特效

实现效果：

js：

/*
 一些封装的工具 By java川
*/
var DeBug=true;
function ByClass(ClassName,ReturnAll){
    var ReturnAll=arguments[1] || false;
    var Return=document.getElementsByClassName(ClassName);
    if(Return.length==0){
        return false;
    }
    if(ReturnAll){
        return Return;
    }
    return Return[0];
}
function ById(IDName,CloseError){
    var CloseError=arguments[1] || false;
    if(!document.getElementById(IDName)){
        if(DeBug&&!CloseError){
            console.log('%cById(\''+IDName+'\') Error','color:red');
        }
        return false;
    }
    return document.getElementById(IDName);
}

实现字体动态打印消失：

<script >


    var Code = [
        '请输入关键字查询哟',
        '此搜索引擎复刻百度',
        '5.9 copy from new baidu.com',
        '企业信息化-张川',
    ];
    PlaceholderFlash();


     //刷新时间
     var NowCode = 0;
    function PlaceholderFlash() {
        setTimeout('CleanCode()', 3000);
    }

    //填充字体
    function FillCode() {
        var Str = Code[NowCode]
        if (GetPlaceholder() == '' || (GetPlaceholder() != Str && Str.indexOf(GetPlaceholder()) != -1)) {
            ById('kw').setAttribute('placeholder', GetPlaceholder() + Str[(GetPlaceholder().length)]);
            setTimeout("FillCode('" + Str + "')", 80);
        } else {
            setTimeout('CleanCode()', 3000);
        }
    }

    //清除字体
    function CleanCode() {
        if (GetPlaceholder() != '') {
            ById('kw').setAttribute('placeholder', GetPlaceholder().substring(0, GetPlaceholder().length - 1));
            setTimeout("CleanCode()", 80);
        } else {
            if (NowCode >= (Code.length - 1)) {
                NowCode = 0;
            } else {
                NowCode++;
            }
            setTimeout("FillCode()", 1000);
        }
    }

    function GetPlaceholder() {
        var ipt=ById('kw');
        return ipt.getAttribute("placeholder");
    }
    
    


</script>

html

 <input id="kw" name="wd" value="" maxlength="255"  class="main-go-input"
                                placeholder="" autocomplete="off">

需要仿百度页面的，还有加这个特效的，可以到我的资源里面下载。