如何在其中停止鼠标上的js功能？
此代码在前端指定的时间间隔内动态移动一些仪表板文件。现在，一旦我移动我的鼠标在任何特定的仪表板文件，它不会停止。所以建议我停止鼠标上的动态动作的代码。
var i=0;
var STP；
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函数正在工作，但是当我移除鼠标时，没有任何动作发生。我试过使用onmouseout函数。有没有人可以建议我js功能保留或继续现有的旧的移除鼠标。
共有2个答案
试一下这段完整的代码-所有不引人注目的唯一要考虑的是全局var，这是令人讨厌的
演示
<html>
<head>
<script>
var tId, urlIndex=0, 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 clock() {
document.getElementById('mainfrm').src =dd[urlIndex];
urlIndex++;
if(urlIndex>=dd.length) {
urlIndex=0;
}
}
function k() {
tId = setInterval(clock,8000);
}
window.onload=function() {
k(); // start the script
var mapDiv = document.getElementById("mapDiv");
mapDiv.onmouseover=function() {
clearInterval(tId)
}
// the following MAY trigger when over the iframe - remove if necessary
mapDiv.onmouseout=function() {
k();
}
}
</script>
</head>
<body>
<div id="mapDiv" class="map">
<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>
</body>
</html>
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()">
-
本文向大家介绍JS实现禁止鼠标右键的功能，包括了JS实现禁止鼠标右键的功能的使用技巧和注意事项，需要的朋友参考一下 遇到网页上有精美图片或者精彩文字想保存时，通常大家都是选中目标后按鼠标右键，在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是，目前有许多网页都屏蔽了鼠标右键，那么用js如何实现禁止鼠标右键的功能呢？ 1.与禁止鼠标右键相关的JS说明 2.禁止鼠标右键火狐失灵 3.禁止选
-
问题内容： 这是第二简单的翻转效果，但我仍然找不到任何简单的解决方案。 想要的： 我有一个项目列表和一个相应的幻灯片（DIV）列表。加载后，第一个列表项应被选中（粗体），并且第一张幻灯片应可见。当用户将鼠标悬停在另一个列表项上时，应改为选择该列表项，并显示相应的幻灯片。 以下代码有效，但 很糟糕 。如何以一种优雅的方式获得这种行为？jQuery具有数十种动画效果和复杂的过渡效果，但是我没有想出这种
-
问题内容： 我想在下拉菜单上执行鼠标悬停功能。当我们将鼠标悬停在菜单上时，它将显示新选项。我试图使用xpath单击新选项。但是不能直接单击菜单。因此，作为手动方式，我尝试将鼠标悬停在下拉菜单上，然后单击新选项。 问题答案： 实际上不可能执行“鼠标悬停”动作，而是需要一次性链接所有要实现的动作。因此，移至显示其他元素的元素，然后在同一链中，移至现在显示的元素，然后单击它。 使用动作链时，必须记住要“
-
问题内容： 似乎这是在webdriver中（至少在Java api中）进行悬停/鼠标悬停的方法： Python API中有可能吗？用于python的webdriver api文档似乎未提及任何类似内容。 http://selenium.googlecode.com/svn/trunk/docs/api/py/index.html 如何在python webdriver中进行悬停/鼠标悬停？ 问题答
-
问题内容： 我有一张图片： 然后，我将其显示在屏幕上： 如何检测鼠标是否在触摸图像？ 问题答案： 使用获得描述你的边界，然后使用来检查，如果鼠标光标这里面。 例：
-
我的应用程序中正在运行IntentService。当用户按下“取消”按钮时，我想停止，但onHandleIntent会继续运行，即使在调用onDestroy（IntentService）时也是如此。 在执行过程中，我尝试了StSelfFe（），StutoIn（int）和StestService（意图），但不起作用。 我试图从碎片中停下来 提前感谢