setinterval在ajax加载后保持运行

Question

I load content in to a DIV (#mydiv) from a page (mypage.php) . The page that i get content from has javascript inside.

In THE mypage.php

 function refresh_feeds() {
//bla bla
}

$(function(){

    feed_timer = setInterval(refresh_feeds, 50000);

});

When i clean the content of #mydiv and load content from another page (mypage2.php), setInterval that started in mypage.php keeps running.

my question is how can i stop it when the content from mypage.php is unloaded

or

how can i handle unload event of mypage.php ?

Answer 1

var feed_timer;
function refresh_feeds() {
    //bla bla
}

$(function(){
    clearInterval(feed_timer);
    feed_timer = setInterval(refresh_feeds, 50000);
});

Answer 2

you have to clear your Interval

clearInterval(feed_timer);

be sure to save the feed_timer in a global scope

Answer 3

function refresh_feeds() {
  console.log(1);
}

$(function() {
  window.feed_timer = window.setInterval(refresh_feeds, 100);
});

$(window).bind("beforeunload",function() {
  window.clearInterval(window.feed_timer);
  window.feed_timer = null;
  return 1;
});

Please check in console for this