html中文字逐显效果,HTML 文字逐一显示

html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

邮箱输入提示效果代码-蚂蚁部落

#content

{

width:400px;

height:30px;

line-height:30px;

}

window.οnlοad=function()

{

var ocontent=document.getElementById("content");

var str="蚂蚁部落欢迎您，只有奋斗才会有美好的未来。";

var i=0;

var flag=null;

function done()

{

if(i

{

ocontent.innerHTML=str.substring(0,i+1);

i=i+1;

}

else{

clearInterval(flag);

}

}

flag=setInterval(done,200);

}

 study