发布网友 发布时间:2022-04-24 19:36
共1个回答
热心网友 时间:2022-05-02 23:33
<html> <head> <title> 文字的跑马灯效果 </title> <script Language="JavaScript"> var msg="这是使用JavaScript实现的文字跑马灯效果"; var interval = 100;//定义setTimeout函数的时间参数,这里是0.1秒。 var maxlen = 120;//定义跑马灯msg处于最右时的位置值。 var space=" "; var seq=maxlen;//定义stext中被选取段的开始位置。 var stext="";//实际显示它的一部分。 var len; for (i=1; i<=maxlen; i++) stext += space; stext += msg;//初始化它,实质是一段空格加上msg。 len=stext.length; function Scroll() { window.status=stext.substring(seq, len);//在状态栏上显示stext从seq开始,长度为len的一部分。 seq++;//seq每次加1,表示每次少显示一个前置空格,视觉效果就是文字提前一格。 if(seq >= len)//如果seq比len大,意味着什么都不显示,或者说到达了左边界,则重新开始。 { seq = 0; } window.setTimeout("Scroll();", interval);//递归调用,过interval毫秒后再次调用Scroll函数。 } Scroll();//调用Scroll函数,进入递归。 </script> </head> <body> <center> <font size=5 color="ff0094"> 递归实现的跑马灯效果 </font> </center> </body> </html>