clearInterval，停止鼠标悬停计时器

Question

我已经在过去的几个月来回试图解决这个问题，但我无处可去，无论我的企图......我终于在我的智慧结束，真的需要帮助我恐惧我会失去意愿继续..

如果任何人都可以看到我的错误/ allthough除了图像本身没有直接mousedover作为图像显示在HTML页面，没有明显的，我会如果有人可以帮助我解决这个小但令人沮丧的异常...我很感谢你所有提前..

这里是代码....我发现，我确实可以调用停止的功能从HTML页。我的解决方案我从来没有尝试过在我的匆忙。

var tim=8000 



function stopper(){ 

clearInterval(foot); 


console.log (tim) 
} 



function fader(){ 


var element = document.getElementById("dynamic-image2"); 
element.style.transitionDuration = "2s"; 
<!---the grabbed element + style [ execute type of effect ] = ' dimension of effect (1 ,2)';---> 
element.style.opacity=4; 
} 

function fader2(){ 

var element = document.getElementById("dynamic-image2"); 
element.style.transitionDuration = "2s"; 
<!---the grabbed element + style [ execute type of effect ] = ' dimension of effect (1 ,2)';---> 
element.style.opacity=0; 
} 

    var timer=tim 
    var timer2=timer/2 

setInterval(fader2,timer2); 

(function() { 
    'use strict'; 



    var preloads=[],c, 
     d=document,di=d.getElementById('dynamic-image2'), 
     dh=d.getElementById('dynamic-href2'), 
     url=[ 
      'linkmywebsite.ml','chatmagbingo.com','ilkestonwebdesign.com','ipost.com','happypetsuk.com','www.linkmywebsite.co.uk','fireworksnottingham.co.uk','www.linkmywebsite.co.uk','ilkestonfastfood.com','www.linkmywebsite.co.uk','de-signz.co.uk','www.linkmywebsite.co.uk','cctautos.com','grundyskips.co.uk','www.m8drivingschools.co.uk','www.apipedream.co.uk','www.crazyskips.com','www.linkmywebsite.co.uk','www.linkmywebsite.co.uk','www.linkmywebsite.co.uk','www.linkmywebsite.co.uk','www.linkmywebsite.co.uk','www.competitiveremovals.co.uk','www.linkmywebsite.co.uk','www.linkmywebsite.co.uk','heartinternet.co.uk','winnerbingo.com','www.linkmywebsite.co.uk','linkmywebsite.ml','katyperry.com','perfectpizza.com','youtube.com','google.com','facebook.com','twitter.com','linkmywebsite.ml','linkmywebsite.ml','gumtree.com' 
      ]; 

     /*adjust to suit */ 






function preload(){ 
for(c=0;c<arguments.length;c++) { 
    preloads[preloads.length]=new Image(); 
    preloads[preloads.length-1].src=arguments[c]; 
    } 
    c=0; 

} 


preload('yournewsite2.png','1ad.jpg','2ad.jpg', 
'3ad.jpg','4ad.jpg','5ad.jpg', 
'6ad.jpg','7ad.jpg','8ad.jpg', 
'9ad.jpg','10ad.jpg','11ad.jpg', 
'12ad.jpg','13ad.jpg','14ad.jpg', 
'15ad.jpg','16ad.jpg','17ad.jpg', 
'18ad.jpg','19ad.jpg','20ad.jpg', 
'21ad.jpg','22ad.jpg','23ad.jpg', 
'24ad.jpg','25ad.jpg','26ad.jpg', 
'27ad.jpg','28ad.jpg','29ad.jpg', 
'30ad.jpg','youtubead.png','googlead.png', 
'facebookad.png','twitterad.png','yournewsite2.png', 
'yournewsite2.png','gumtreead.png'); 




setInterval(fader, timer); 

const的脚=的setInterval（ 函数（）{

dh.href='http://'+url[c]; 
    di.src=preloads[c].src; 
    di.alt=preloads[c].src.substring(preloads[c].src.lastIndexOf('/')+1); 
    c++; 
if(c==preloads.length) { 
    c=0; 
    } 
},timer); 



}()) 

Answer 1

你必须做的是存储在一个变量的时间间隔，然后传递作为参数给clearInterval。

所以作为一个简单的例子

const foo = setInterval(func, 1000); 
clearInterval(foo);