此代码在前端指定的时间间隔内动态移动一些仪表板文件。现在,一旦我将鼠标移到任何特定的仪表板文件上,它就不会停止。所以建议我停止鼠标悬停时的动态操作的代码。
var i=0;
变种;
var dd = ['/pentaho/content/pentaho-cdf-dd/Render?solution=FPBI&path=%2FDashboards&file=FPBI_Map.wcdf',
'/pentaho/content/pentaho-cdf-dd/Render?solution=FPBI&path=%2Fcss&file=AnalysisBasedonReg.wcdf',
'/pentaho/content/pentaho-cdf-dd/Render?solution=FPBI&path=%2Fcss&file=AnalysisBasedonTime.wcdf'];
function k()
{
self.setInterval("clock()",8000);
}
function clock()
{
document.getElementById('mainfrm').src =dd[i];
i++;
if(i==4)
{
i=0;
}
}
function StopFunction(){
clearInterval(stp);
}
布局页面:
<div class="map">
<body onload="k()" onmouseover="StopFunction()">
<iframe src="/pentaho/content/pentaho-cdf-dd/Render?solution=FPBI&path=%2Fcss&file=FPBIImg.wcdf" style="width:675px;height:690px;overflow:hidden" frameborder='0' id="mainfrm">
</iframe>
</div>
</div>
.
-- 编辑
现在 onmouseover 功能可以使用,但是当我移除鼠标时没有任何 Action 发生。我尝试使用 onmouseout 函数。谁能建议我在移除鼠标后保留或继续现有旧功能的 js 功能。
最佳答案
var stp;
function k()
{
stp=setInterval(function(){clock()},8000);
}
function clock()
{
document.getElementById('mainfrm').src =dd[i];
i++;
if(i==4)
{
i=0;
}
}
function StopFunction()
{
clearInterval(stp);
}
<div class="map" onmouseover="StopFunction()">
关于javascript - 如何在鼠标悬停在上面时停止 js 函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12598966/