JavaScript数组应用可依次读取的公告栏文字

更新时间：2009年10月22日 13:07:48 作者：

一个JavaScript数组的应用例子，我们将文字存储于数组中，然后用循环依次输出这些文字，像一条一条的公告一样，不过现在都不这么用了，可以学习JS数组，算是一个实例参考。

<title>JavaScript数组文字</title> <script language="JavaScript"> var i = 0; var TextNumber = -1; var TextInput = new Object(); var HelpText=""; var Text = ""; var Speed=50; var message=0; var addPadding="\r\n"; TextInput[0] = "脚本之家庆祝日！"; TextInput[1] = "脚本之家感谢广大朋友多年来的支持……"; TextInput[2] = "我们将一如继往继续为大家奉献更好的源码资源！"; TotalTextInput = 2; // (0, 1, 2) var Version = navigator.appVersion; if (Version.substring(0, 1)==3) { Speed=200; addPadding=""; } for (var addPause = 0; addPause <= TotalTextInput; addPause++) {TextInput[addPause]=addPadding+TextInput[addPause];} var TimerId var TimerSet=false; function nextMessage() { if (!TimerSet) { TimerSet=true; clearTimeout (TimerId); if (TextNumber>=TotalTextInput) { alert("This is the end of the list!"); TimerSet=false; } else { TextNumber+=1; message=TextNumber+1; document.forms[0].elements[2].value= message; Text = TextInput[TextNumber]; HelpText = Text; } teletype(); } } function teletype() { if (TimerSet) { Text=rollMessage(); TimerId = setTimeout("teletype()", Speed); document.forms[0].elements[0].value=Text; } } function rollMessage () { i++; var CheckSpace = HelpText.substring(i-1, i); CheckSpace = "" + CheckSpace; if (CheckSpace == " ") {i++;} if (i >= HelpText.length+1) { TimerSet=false; Text = HelpText.substring(0, i); i=0; return (Text); } Text = HelpText.substring(0, i); return (Text); } function initTeleType() { Text="\r\n Manual Tele-Type Display"; document.forms[0].elements[0].value=Text; } function lastMessage() { if (!TimerSet && TextNumber!=-1) { TimerSet=true; clearTimeout (TimerId); if (TextNumber<=0) { alert("This is the beginning of the list!"); TimerSet=false; } else { TextNumber-=1; message=TextNumber+1; document.forms[0].elements[2].value= message; Text = TextInput[TextNumber]; HelpText = Text; } teletype(); } } </script> <form> <table CELLSPACING="0" CELLPADDING="0" WIDTH="420"> <tr> <td width="100%" colspan="3" valign="top"><div align="center"><textarea NAME="teletype" ROWS="3" COLS="49" wrap="yes"></textarea> </td> </tr> <tr align="center"> <td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="text" value="共3条" SIZE="5" name="1"></td> <td width="30%" bgcolor="#0000A0" valign="top"><input TYPE="button" VALUE="阅 读" onClick="nextMessage()"></td> </tr> </table> </form>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

JavaScript实现雪花飘落效果特效
雪，是冬天的灵魂，为大地铺好背景，之后发生的都如梦似幻，就像童话般的存在。冬天没有雪，能难倒程序猿吗，没有雪自己造，这篇文章主要介绍了JavaScript实现雪花飘落效果特效,需要的朋友可以参考下
2023-01-01
JavaScript 仿歌词效果
这是一个文字叠加滚动效果，当然离不开JavaScript了，看上去像MTV的歌词效果，用两种颜色的文字叠加形成的效果，用Js去控制时间和颜色，这个当然你可以自己修改噢！
2009-10-10
窗体滚动条出现在左侧的实例代码
让浏览器窗口中的滚动条打破常规出现在网页的左侧，记得在藏文的一些网站，经常看到网页滚动条居左，不知为何居左，可能是某些人群的使用习惯吧。
2010-09-09
颜色变换像字符逐字输入的欢迎词
一个炫彩的网页欢迎词，其实就是Javascript文字特效，只不过它是打字与炫彩的结合，在网页的一角放上这效果，给平静的网页增添点动态元素。
2009-10-10
javascript跑马灯悬停放大效果实现代码
用过qq空间的朋友应该对这个很熟悉吧,效果蛮炫的,不过它们是用flash实现的,那么javascript可不可以呢,需要的朋友可以了解下
2012-12-12
Js+CSS 文字渐隐渐现显示
JavaScript文字渐隐渐现显示，更专业的说法叫淡入淡出，最开始用于视频蒙太奇制作及Flash动画上，现在用到文字上也不是什么稀罕事了.
2009-10-10
Marquee配合DIV实现的文字滚动效果代码
Marquee走马灯标签，用它能实现各种各样的滚动，而只需修改个别参数就行了，在WEB标准时代，Marquee的作用当然也应该与时俱进了.
2009-11-11
JavaScript 点击插入文字
JavaScript点击插入文字，在一段文字的任意处点击，会将你时先准备好的文字插入到一段文字中，可能大家不怎么用到，不过感觉很奥妙，希望高手改进成自己想要的效果。
2009-10-10
仿打字特效的JS逐字出现的信息文字
JavaScript编写的文字特效，看似打字的效果，让文字逐个出现，你可以以这个为基础给你心爱的人写一段祝福的语，这的确挺合适。
2009-10-10
javascript上下左右定时滚动插件
在网上找到的，我认为最为方便的一段定时滚动代码，找了很多其他的总是有这样那样的问题，好不容易找到的，就分享一下。
2010-06-06