2012-05-19 51 views
2

我有<p>元素:行文中:暂停,停止

<p id="news_title">Text goes here</p> 

我所造运行与帮助文本这个JavaScript:

(function(){ 
var j = 0; 
var el = document.getElementById("news_title"); 
var interval; 
function runEngine(){ 
    interval = setInterval(function(){ 
     if (j===200){ 
      j=-200; 
     } 
     el.style.left = j + "px"; 
     j++; 
    },20); 
} 

window.onload = function(){ 
    runEngine(); 
}; 
})(); 

标记脚本工作很好,但我想暂停文本onmouseoveronmouseout让它继续运行。另外,onclick我想停下来好。

el.onmouseover = function(){ 
    clearInterval(interval); 
}; // pausing , working nicely 

el.onmouseout = function(){ 
    runEngine(); 
}; // also working 

onclick不能正常工作。尽管我清除了间隔,但onmouseout处理程序会使文本再次运行。我怎样才能防止这一点?

+0

所以点击应停止为用户在页面上休息的时候鼠标悬停/缩小功能? – j08691

+0

onmouseover它应该暂停,onmouseout它应该继续和onclick我想停止,直到刷新页面:)) – tnanoba

回答

2

点击,设置一个标志。然后检查国旗在onmouseout处理:

​​
+0

非常可爱,我怎么想都没想到,开始尝试,谢谢:)) – tnanoba