SetInterval и clearInterval описание

Question

var fps = 30; 
var drawInterval; 

imageSprite.addEventListener('load',init,false); 

function init() { 
    drawBg(); 
    startDrawing(); 
} 

function draw() {   
    clearJet(); 
    drawJet(); 
} 

function startDrawing() { 
    stopDrawing(); 
    drawInterval = setInterval(draw,1000/fps); 
} 

function stopDrawing() { 
    clearInterval(drawInterval); 
} 

Может кто-нибудь объяснить, почему мы выполняем функцию stopDrawing() перед drawInetrval и как этот код будет выполнен.

Answer 1

По существу с clearInternal вы останавливаете интервал, на который ссылается drawInterval.

Вы можете посмотреть на него, как если бы он установил drawInterval = null.

Это сделано, чтобы предотвратить несколько интервалов стрельбы: каждый раз, когда startDrawing называется, вы сбросить текущий постоянный интервал и начать новый, который будет срабатывать в 1000/FPS миллисекунд, то есть drawInterval будет срабатывать 1000/fps миллисекунды после startDrawing вызывается для последнее время.

Answer 2

Это просто очистка интервала так, чтобы вы не запускали несколько интервалов одновременно.