JavaScript數組應用可依次讀取的公告欄文字

2019-11-21 01:03:33

字體：大中小

來源：轉載

供稿：網友

<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 仿歌詞效果

下一篇：仿打字特效的JS逐字出現的信息文字