<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>跑马灯文字的js</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="Nassir wen">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
//定义全局数组,用来保存输入的消息
var item = new Array();
//初始化显示消息时,每个数组元素的开始位置
var pos = 0;
//初始化显示消息时,数组的开始位置
var msgcode = 0;
//初始化显示消息时,二个数组元素间间隔的延迟时间
var timeoutid = 0;
//var delay = 0;
//显示跑马灯文字的函数
function showmsg(){
//判断是否输入消息
if(item.length == 0){
alert("请先输入消息!");
}else{
document.runform.runtext.blur();
//从第一个数据元素的第一个字符开始显示
document.runform.runtext.value=item[msgcode].substring(0,pos+1);
//alert(document.runform.runtext.value + "--pos" + pos);
if(++pos >= item[msgcode].length){
// alert(pos);
pos = 0;
msgcode++;
delay = 500;
}else{
delay = 100;
}
if(msgcode > (item.length -1)){
msgcode = 0;
}
if(document.runform.input.value != ""){
clearTimeout(timeoutid);
}else{
//设置延迟时间来显示数组元素
timeoutid = setTimeout("showmsg();",delay);
}
}
}
//保存消息的函数
function insertmsg(){
pos = 0;
msgcode = 0;
var num = item.length;
//判断是否有输入消息
if(document.runform.input.value != ""){
item[num] = document.runform.input.value;
document.runform.input.value = ""
}else{
alert("请先输入消息!");
document.runform.input.value = "";
}
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<form name="runform">
<input type="text" name="input" size="50">
<br>
<input type="button" name="insert" value="加入消息" onClick="insertmsg()">
<input type="button" name="display" value="显示消息" onClick="showmsg()">
<br>
<input type="text" name="runtext" size="50">
</form>
</BODY>
</HTML>