跑马灯文字

最新推荐文章于 2024-04-26 10:51:54 发布

wenjjing2lianee

最新推荐文章于 2024-04-26 10:51:54 发布

阅读量695

点赞数

分类专栏： JavaScript 文章标签： delay generator input button function javascript

本文链接：https://blog.csdn.net/wenjjing2lianee/article/details/5417194

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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>

wenjjing2lianee

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
跑马灯文字

跑马灯文字的js //定义全局数组，用来保存输入的消息 var item = new Array(); //初始化显示消息时，每个数组元素的开始位置 var pos = 0; //初始化显示消息时，数组的开始位置 var msgcode = 0; //初始化显示消息时,二个数组元素间间隔的延迟时间 var timeoutid = 0; //var
复制链接

扫一扫

专栏目录