0

Весьма удивлен поведением функции setInterval. С помощью $.load в див подгружается кусок станицы, где есть код:

$(function (){
 var id = setInterval(my_function,5000);
}

Хорошо, в этот же див загружаем другой контент - setInterval продолжает работать. Почему? Ведь по идее прежняя DOM-структура должна удалиться вместе со скриптом. Ладно, добавил строку:

$(function (){
  if (typeof id != 'undefined') clearInterval(id);// - вот эту добавил
  var id = setInterval(my_function,5000);
}

По барабану - id всегда undefined. И сколько ни подгружай этот контент, столько же и будет инициализироваться Interval с увеличивающимся в 2 раза id, вплоть до закипания процессора. Почему эта функция так себя ведет? И как ее остановить?

7
  • 3
    надо чтобы id была определена в той области видимости, которая является общей для этих замыканий. короче говоря вместо var id= пишите в данном случае window.id=
    – zb'
    Commented 10 мая 2013 в 18:49
  • @eicto, да, id больше не растет в геометрической прогрессии, хотя console.log(id) показывает, что id каждый раз на 1 больше предыдущего значения. Почему?
    – Deus
    Commented 10 мая 2013 в 19:06
  • 1
    потому-что вместо clearinterval вам надо делать return
    – zb'
    Commented 10 мая 2013 в 19:09
  • Странно все это, однако все это работает. Спасибо.
    – Deus
    Commented 10 мая 2013 в 19:19
  • 2
    @Deus, setInterval здесь не причем. И, простите конечно, но что такое scope, вы ни единого раза не понимаете иначе у вас не было бы такого элементарного вопроса.
    – user3545
    Commented 11 мая 2013 в 3:45

1 ответ 1

2

Проблема в области видимости. Решение достаточно простое — обьявите переменную в каком-то глобальном "пространстве":

var id;

$(function(){
    id=setInterval(my_function,5000);
})

$(function(){
    if(typeof id!='undefined')
        clearInterval(id);
    id=setInterval(my_function,5000);
})

Или же, как и сказал eicto, используйте windows.id вместо id.

4
  • 1
    или же, что куда лучше, не разбивайте на 2 разные функции инициализацию и очистку интервала.
    – user3545
    Commented 11 мая 2013 в 3:40
  • @AlexWindHope, у меня не 2 функции. Некорректная формулировка вопроса вышла. Я просто показал как изменил функцию. А насчет scope - вы же согласитесь, что при загрузке нового контента на место прежнего, последний перестает существовать? Вместе с дивами, функциями и, тем более, локальными переменными? Почему этого не проиcходит с функцией setInterval? Старого контента больше не существует, а setInterval продолжает работать.
    – Deus
    Commented 11 мая 2013 в 10:46
  • 1
    @Deus вы меняете только DOM, javascript существует в другой области памяти. в том самом объекте scope про который я говорил.
    – zb'
    Commented 11 мая 2013 в 11:51
  • @eicto, почему-то я подумал, что вы говорите о scope в общем понимании, как просто о пространстве имен. Признаю свою безграмотность, ибо я и не знал, что существует целый объект [[scope]]. Разберемся.
    – Deus
    Commented 11 мая 2013 в 13:00

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.