HTML 文字逐一显示
更新:HHH   时间:2023-1-7


 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta name="Keywords"  content="WZ,STS,星梦联" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>邮箱输入提示效果代码-蚂蚁部落</title> 

<style type="text/css">

#content
{
  width:400px;
  height:30px;
  
line-height:30px;

}


</style>

<script type="text/javascript">
 
window.onload=function()
{
  var ocontent=document.getElementById("content");
  
var str="蚂蚁部落欢迎您,只有奋斗才会有美好的未来。";
 
 var i=0;
  var flag=null;
 
 function done()
{
    if(i<str.length)
  {
      ocontent.innerHTML=str.substring(0,i+1);

      i=i+1;
    
 } 
   
 else{
      clearInterval(flag);
   } 
 
 }
 
 flag=setInterval(done,200);

}

</script> 

<body>
<a  href="http://www.cnblogs.com/come-on/archive/2016/01/14/5129009.html"> study</a><br>
 
<div id="content">
</div>

</body>  

</html>


返回开发技术教程...