js控制定时任务的执行与停止



有时候jsp页面中做了一个定时任务，比方说定时刷新图片，但是我们想在鼠标经过的时候停止图片的刷新，即停止任务的执行。那么可以用一下js代码控制:

//定义一个变量

var  stopImg = "";

//将定时任务赋值给变量

stopImg = setInterval(changeImg,3000);//changeImg为定时刷新的函数名

//阻止任务执行

clearInterval(stopImg);

当然如果想在鼠标离开的时候开启这个任务，用以下代码:

//将定时任务赋值给变量

stopImg = setInterval(changeImg,3000);

changeImg函数如下:

var countIndex = 0;
var count = 0; 
function changeImg(){        
    for(var i=0;i<6;i++){        
        if(countIndex==0&&count>0&&i==0){
            $("#img"+i).slideDown();    
            for(var j=0;j<6;j++){
                if(j!=i){
                    $("#img"+j).hide();    
                }
            }
            count=0;
            break;
        }
        if(i>countIndex && i<6){
            $("#img"+i).slideDown();
            for(var j=0;j<8;j++){
                if(j!=i){
                    $("#img"+j).hide();    
                }
            }
            countIndex=i;
            break;
        }else if(i==5){
            countIndex=0;
            count++;
        }                                
    }
 }