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'
    10 мая 2013 в 18:49
  • @eicto, да, id больше не растет в геометрической прогрессии, хотя console.log(id) показывает, что id каждый раз на 1 больше предыдущего значения. Почему?
    – Deus
    10 мая 2013 в 19:06
  • 1
    потому-что вместо clearinterval вам надо делать return
    – zb'
    10 мая 2013 в 19:09
  • Странно все это, однако все это работает. Спасибо.
    – Deus
    10 мая 2013 в 19:19
  • 2
    @Deus, setInterval здесь не причем. И, простите конечно, но что такое scope, вы ни единого раза не понимаете иначе у вас не было бы такого элементарного вопроса.
    – user3545
    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
    11 мая 2013 в 3:40
  • @AlexWindHope, у меня не 2 функции. Некорректная формулировка вопроса вышла. Я просто показал как изменил функцию. А насчет scope - вы же согласитесь, что при загрузке нового контента на место прежнего, последний перестает существовать? Вместе с дивами, функциями и, тем более, локальными переменными? Почему этого не проиcходит с функцией setInterval? Старого контента больше не существует, а setInterval продолжает работать.
    – Deus
    11 мая 2013 в 10:46
  • 1
    @Deus вы меняете только DOM, javascript существует в другой области памяти. в том самом объекте scope про который я говорил.
    – zb'
    11 мая 2013 в 11:51
  • @eicto, почему-то я подумал, что вы говорите о scope в общем понимании, как просто о пространстве имен. Признаю свою безграмотность, ибо я и не знал, что существует целый объект [[scope]]. Разберемся.
    – Deus
    11 мая 2013 в 13:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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