Question

为什么同写在一个JS下的代码会相互干扰，执行前面的后面的要移动鼠标到后面的才能执行，单前面的会减速。

// JavaScript Document
//滚动新闻开始
var speed=40;
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee1()
{
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee1,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee1,speed)}
//滚动新闻结束
//滚动图片
var speed=10;
var tab=document.getElementById("picture2");
var tab1=document.getElementById("demo1_p");
var tab2=document.getElementById("demo2_p");
tab2.innerHTML=tab1.innerHTML;
function Marquee()
{
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
//滚动结束

Answer 1

变量名改一下。

var speed=10;
var MyMar;//这两个变量都重复了