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();
};
})();
标记脚本工作很好,但我想暂停文本onmouseover
和onmouseout
让它继续运行。另外,onclick
我想停下来好。
el.onmouseover = function(){
clearInterval(interval);
}; // pausing , working nicely
el.onmouseout = function(){
runEngine();
}; // also working
onclick
不能正常工作。尽管我清除了间隔,但onmouseout
处理程序会使文本再次运行。我怎样才能防止这一点?
所以点击应停止为用户在页面上休息的时候鼠标悬停/缩小功能? – j08691
onmouseover它应该暂停,onmouseout它应该继续和onclick我想停止,直到刷新页面:)) – tnanoba