ajax page move ( no refresh)

I use this code to move the page. function acyncMovePage(url){ [login to view URL](url) // ajax option var ajaxOption = { url : url, async : true, type : "POST", dataType : "html", cache : false }; $.ajax(ajaxOption).done(function(data){ $('.navbar-collapse').removeClass('show') // Contents Area Delete $('#bodyContents').children().remove(); // Contents Area Change $('#bodyContents').load(url); //$('#bodyContents').html(data); }); }; and a both [login to view URL] , [login to view URL] have <script> clearInterval(timer1); var timer1 = setInterval(test, 1000); function test() { [login to view URL]('[login to view URL]'); } </script> <script> clearInterval(timer2); var timer2 = setInterval(test, 1000); function test() { [login to view URL]('[login to view URL]'); } </script> and a move 1 or 2 .php page from index but still work setInterval in another page loaded what problem ?