打字机效果显示的JavaScript（终于分析完了）

最新推荐文章于 2023-07-31 21:11:11 发布

beijixuexiong

最新推荐文章于 2023-07-31 21:11:11 发布

阅读量1k

点赞数

分类专栏： Java in the Sun 文章标签： javascript delay function class table html

本文链接：https://blog.csdn.net/beijixuexiong/article/details/478436

版权

Java in the Sun 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

终于分析完了，虽然不是很长，但是因为初次接触JAVASCRIPT，要学他的东西，虽然还有一点不是很理解，但基本都懂了，现在也感冒了，觉得头好痛啊～～不该吹空调的～～

写到head里的SCRIPT：

function txtTyper(str,idx,idObj,spObj,clr1,clr2,delay,plysnd)
{
var tmp0=tmp1= '';
var skip=100;
if (both && idx<=str.length) //检查是否有承载SCRIPT的容器
{
  if (str.charAt(idx)=='<')
  {
   while(str.charAt(idx-1)!='>') idx++; //检测是否加有HTML标签
  }
  if (str.charAt(idx)=='&' && str.charAt(idx+1)!=' ')
  {
   while (str.charAt(idx-1)!= ';')idx++; //检测是否加有HTML字符，如 
  }
  tmp0 = str.slice(0,idx); //slice：从位置0读取字符串到位置idx，有点象SCRIPT里的subString
  tmp1 = str.charAt(idx++);

writeOnText(idObj, "<font color='"+clr1+"'>"+tmp0+"</font><font color='"+clr2+"'>"+tmp1+"</font>"); //写到屏幕

setTimeout("txtTyper('"+str+"', "+idx+", '"+idObj+"', '"+spObj+"', '"+clr1+"', '"+clr2+"', "+delay+" ,"+plysnd+")",delay); //重复调用，显示完所有文字
}
}

function init()
{
txtTyper(dispStr[0], 0, 'ttl0', 'ttl1', '#ff6600', '#ffffff', 300, 0);
//setTimeout("init()",5000); //我自己加的，每隔五秒重复一次；
}
</script>

<BODY οnlοad=init()>
 //如果是用层，则指出它的ID
<table width="600" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td width="83" bgcolor="#99FF33" class="ttl1">打印效果</td>
<td width="517" bgcolor="#99FF33" id = "ttl0" class="ttl1"></td> //如果是table，指定显示单元格的ID
</tr>
</table>
</BODY>