Как «отключить» функцию в Js?

Question

[Иван Г.]

Есть две функции : одна двигает изображение влево , другая вправо . И выходит так , что при вызове одной функции другая не перестаёт работать , из-за чего картинку "штырит" на несколько пикселей вправо и влево . Код такой :

var img = {
top : 100 ,
left : 50
} ;
// id изображения : 1
var position = function() {
$("#1").offset({
left: img.left ,
top: img.top
}) ;
} ;
setInterval(position , 15) ;
var ml = function() {
img.left -= 1 ;
} ;
var mr = function() {
img.left += 1 ;
} ;
var goToTheLeft = function() {
setInterval(ml , 15) ;
} ;
var goToTheRight = function() {
setInterval(mr , 15) ;
} ;
// goToTheLeft/Right вызываются путем нажатия на текст на странице

Answer 1

[Владимир Проскурин]

Убивайте interval'ы, перед созданием новых.

var interval;
var goToTheLeft = function() {
clearInterval(interval);
interval = setInterval(ml , 15) ;
} ;
var goToTheRight = function() {
clearInterval(interval);
interval = setInterval(mr , 15) ;
} ;

Comments

[Иван Г.]

В смысле ? Без интервалов что ли ?

[Иван Г.]

Спасибо , буду знать .

[Иван Г.]

Не подскажите , как его остановить ? Пикча идет либо вправо , либо влево , но никак не стоит на месте .

[Владимир Проскурин]

Кожный Мякиш, вам нужно активировать движение (запускать таймер) на событие mousedown, и останавливать (убивать таймер) на mouseup. Пример https://jsfiddle.net/je9xabow/1/

[Иван Г.]

Понял , спасибо .