Howto sortie fonction setInterval défini dans jquery

Question

i ai ce code javascript:

 var step = 8;     // How many pixels to move per step 
     var current = -1920;   // The current pixel row 
     var imageWidth = 1920;  // Background image width 
     var headerWidth = 960;  // How wide the header is. 

     function slide_in(){ 
      //Go to next pixel row. 
      current += step; 

      //Set the CSS of the header. 
      $('#bgfade').css("background-position",current+"px 0"); 

      if(current==0) alert('stop'); 
     } 

     //Calls the scrolling function repeatedly 
     $('#bgfade').click(function(){   
      var init = setInterval("slide_in()", 1); 
     }); 

ce qui rend la lame de fond. Je veux quitter lorsque le courant var est = 0, et laisser l'arrière-plan dans cette position.

grâce

Answer 1

Vous devez utiliser clearInterval(), comme ceci:

var step = 8;     // How many pixels to move per step 
var current = -1920;   // The current pixel row 
var imageWidth = 1920;  // Background image width 
var headerWidth = 960;  // How wide the header is. 
var init; 

function slide_in(){ 
    //Go to next pixel row. 
    current += step; 

    //Set the CSS of the header. 
    $('#bgfade').css("background-position",current+"px 0"); 

    if(current==0) clearInterval(init); 
} 

//Calls the scrolling function repeatedly 
$('#bgfade').click(function(){   
    init = setInterval(slide_in, 1); 
}); 

Les autres changements ici sont la portée, de sorte que l'ID de minuterie est disponible à l'autre fonction, ainsi que ne pas passer un chaîne à setInterval() pour éviter tout autre problème potentiel.