JavaScript数组应用 可依次读取的公告栏文字
作者:bea
<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=""; TextInput[0] = "庆祝
<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="
";
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="
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需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js 操作符实例代码
- JavaScript 图片放大效果及代码说明
- 利用JQuery+EasyDrag 实现弹出可拖动的Div,同时向Div传值,然后返回Div选中的值
- JavaScript 高仿真可控弹簧振子实现代码
- JS window.opener返回父页面的应用
- JavaScript 动态添加表格行 使用模板、标记
- javascript Keycode对照表
- LazyForm jQuery plugin 定制您的CheckBox Radio和Select
- 写入cookie的JavaScript代码库 cookieLibrary.js
- js文件中调用js的实现方法小结
- struts2 jquery 打造无限层次的树
- JS 操作日期 顺便实现 上一周 和 下一周 功能
- jquery 插件开发方法小结
- 文字瞬间从左到右切换显示的JavaScript代码
- 用按钮触发Javascript动态生成一个表格的代码
- VBScript 实现文字遮罩
- jquery 屏蔽一个区域内的所有元素,禁止输入
- javascript 网页上跳动的文字
- JavaScript 仿歌词效果