JS跑马灯

最新推荐文章于 2024-09-26 01:42:12 发布

零度空间0520

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量3k

点赞数

本文链接：https://blog.csdn.net/dududu01/article/details/6256679

版权

<html>
<head>
<script Language="JavaScript">
var msg="这是一个跑马灯效果的JavaScript文档";
var interval = 100;
var spacelen = 120;
var space10=" ";
var seq=0;
function Scroll() {
len = msg.length;
window.status = msg.substring(0, seq+1); //在状态栏显示msg中的前seq个字符
seq++; //seq增加1
if ( seq >= len ) {
//当msg全部显示后
seq = spacelen; //seq=120
//每隔100ms调用一次scroll2()函数
window.setTimeout("Scroll2();", interval );
}
else
//否则,每隔100ms调用一次scroll()函数
window.setTimeout("Scroll();", interval );
}
function Scroll2() {

var out="";
for (i=1; i<=spacelen/space10.length; i++) out +=
space10;
//在msg字符串前加 spacelen/space10.length个空格
out = out + msg;
len=out.length;
window.status=out.substring(seq, len); //在状态栏显示out字符串中的从第seq个字符开始的len个字符
seq++; //seq加1,下次执行,字符即可后移一个
//seq超出或等于out的长度,seq归零,重新显示
if ( seq >= len ) { seq = 0; };
//每隔100ms调用一次Scroll2()
window.setTimeout("Scroll2();", interval );
}
Scroll(); //调用Scroll(),启动跑马灯.
</script>
<body>
</body>
</html>