首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

怎么在下面的js语句中实现换行功能

2012-06-07 
如何在下面的js语句中实现换行功能span idoutput/spanSCRIPT LANGUAGEJavaScript!--var txtA

如何在下面的js语句中实现换行功能
<span id="output"></span>
<SCRIPT LANGUAGE="JavaScript">
<!--
var txtArr = new Array();
txtArr[0] = "远处海港传来阵阵船笛";
txtArr[1] = "我一直飘零到被你拣起";
txtArr[2] = "如今望着反映窗户玻璃";
txtArr[3] = "有个我陌生又熟悉";
var i=0;
function show(){

if(i<=txtArr[0].length)
{
output.innerText+=txtArr[0].substr(i,1);
 
i++;
}
else{
 
i=0;
txtArr.shift();
 
}
}
setInterval("show()",300);
//-->
</SCRIPT> 

已经实现了一个字一个的输出,但是我想在输出完一句后换行再输出下一句,形成下面的效果:
  远处海港传来阵阵船笛
我一直飘零到被你拣起
如今望着反映窗户玻璃
有个我陌生又熟悉
有会的帮忙改下代码,重做也行,谢谢啦!!

[解决办法]
你代码有多处错误,多都写在里面了:

JScript code
<span id="output"></span><SCRIPT type="text/javascript"><!--var txtArr = new Array();txtArr[0] = "远处海港传来阵阵船笛";txtArr[1] = "我一直飘零到被你拣起";txtArr[2] = "如今望着反映窗户玻璃";txtArr[3] = "有个我陌生又熟悉";var i=0;var output=document.getElementById("output");function show(){//此处如果数组长度变为0,要清除Interval.并退出函数执行if(txtArr.length<=0){clearInterval(interval);return;}if(i<txtArr[0].length){var obj=document.createTextNode(txtArr[0].substr(i,1));output.appendChild(obj);//此处创建元素节点并应用appendChild方法,因为innerText在FireFox中不支持//output.innerText+=txtArr[0].substr(i,1);i++;}else{//此处创建一个换行的元素节点并appenChild.var br=document.createElement("br");output.appendChild(br);i=0;txtArr.shift();}}var interval=setInterval("show()",300);//--></SCRIPT> 

热点排行