Question

JS达人进,求改自动停顿的连续滚动字幕JS代码

我有一段JS代码,是会隔一段时间自动停顿的滚动字幕,但是这个代码有个不足就是滚动完一遍字幕后会显示一段空白,然后才会继续重新滚动一遍字幕,求达人帮忙改下代码,使这个自动停顿的字幕可以连续滚动,中间不要有空白间隔.先拿出100分在线等答案,答得好的另外加分.

附JS代码:
<script>
var marqueeContent=new Array(); //定义一个数组，用来存放显示内容
marqueeContent[0]='滚动字幕一';
marqueeContent[1]='滚动字幕二';
marqueeContent[2]='滚动字幕三';
marqueeContent[3]='滚动字幕四';
marqueeContent[4]='滚动字幕五';
marqueeContent[5]='滚动字幕六';
marqueeContent[6]='滚动字幕七';
marqueeContent[7]='滚动字幕八';
marqueeContent[8]='滚动字幕九';

var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=16;

//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
var a=this;
var l=a.length;
for(var i=0;i<l;i++) {
var r=Math.floor(Math.random()*(l-i));
a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);
}
return a;
}
function initMarquee() {
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId+=2;
if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function reinitMarquee() {
js_scroll_content.src='scroll_content2.js';
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str;
marqueeId=2;
}
function startMarquee() {
var str='';
for(var i=0;(i<3)&&(marqueeId+i<marqueeContent.length);i++) {
str+=(i>0?' ':'')+marqueeContent[marqueeId+i];
}
marqueeId+=3;
if(marqueeId>marqueeContent.length)marqueeId=0;

if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>
远方的水手,你改过了虽然连续不间断的滚动了,但是不会自动停顿了...连续不间断滚动我也做过,但是我需要的是连续滚动+自动停顿,有空帮忙再改改,先谢谢了

若以下回答无法解决问题，邀请你更新回答

Answer 1

<script>
var marqueeContent=new Array(); //定义一个数组，用来存放显示内容
marqueeContent[0]='滚动字幕一';
marqueeContent[1]='滚动字幕二';
marqueeContent[2]='滚动字幕三';
marqueeContent[3]='滚动字幕四';
marqueeContent[4]='滚动字幕五';
marqueeContent[5]='滚动字幕六';
marqueeContent[6]='滚动字幕七';
marqueeContent[7]='滚动字幕八';
marqueeContent[8]='滚动字幕九';

var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量
var marqueeId=0;
var marqueeDelay=4000;
var marqueeHeight=16;

//接下来的是定义一些要使用到的函数
Array.prototype.random=function() {
var a=this;
var l=a.length;
for(var i=0;i<l;i++) {
var r=Math.floor(Math.random()*(l-i));
a=a.slice(0,r).concat(a.slice(r+1)).concat(a[r]);
}
return a;
}
function initMarquee() {
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3, marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>');
marqueeId+=2;
if(marqueeContent.length>3)marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
}
function reinitMarquee() {
js_scroll_content.src='scroll_content2.js';
marqueeContent=marqueeContent.random();
var str='';
for(var i=0;i<Math.min(3,marqueeContent.length);i++) str+=(i>0?' ':'')+marqueeContent[i];
marqueeBox.childNodes[(marqueeBox.childNodes.length==1?0:1)].innerHTML=str;
marqueeId=2;
}
function startMarquee() {
var str='';

/************以下是修改过的部分**************/
var l = marqueeContent.length;
for(var i=0;i<3;i++) {
marqueeId = ++marqueeId % l;
str+=(i>0?' ':'')+marqueeContent[marqueeId];
}
/************以上是修改过的部分**************/
if(marqueeBox.childNodes.length==1) {
var nextLine=document.createElement('DIV');
nextLine.innerHTML=str;
marqueeBox.appendChild(nextLine);
}
else {
marqueeBox.childNodes[0].innerHTML=str;
marqueeBox.appendChild(marqueeBox.childNodes[0]);
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>

//////////////////

再试试, 之前为了节省时间delay被我改成 1000 了, 还原成你原来的 4000 试试