jquery - jquery JSON を 5 秒ごとにリロードする

Question

5秒ごとに変更をリロードする動的リストビューを作成しようとしています。ロード時に初めて完全にロードされますが、setinterval が正しく機能していません。5秒ごとに発生しますが、変更が加えられたにもかかわらずメニューが更新されませんか?

これが私がこれまでに得たものです：

$(document).on('pageshow', function (){
    var userid=1;
    $.mobile.loading('show');
    $.getJSON("http://mypage.com/playermenu.php?callback=?&userid="+userid,          
        function(data){
            var content = []
            $.each(data , function(i,val){

                content.push(val.list);

            });

            $("#games").html(content.join(""));
            $('#games').listview('refresh');

            $.mobile.loading('hide');

        });
});

setInterval(function(){ 
    $.mobile.loading('show');
    $.getJSON("http://mypage.com/playermenu.php?callback=?&userid="+userid,          
        function(data){
            var content = []
            $.each(data , function(i,val){

                content.push(val.list);

            });

            $("#games").html(content.join(""));
            $('#games').listview('refresh');

            $.mobile.loading('hide');

        }); 
}, 5000);

$.mobile.loading('show'); 5 秒後に開始されますが、 $.mobile.loading('hide'); に到達しません。

どんな助けでも大歓迎です、そして前もって感謝します:-)