テキストに変更があった時だけHTMLを部分書き換えする Ajax

元ネタはここ

映像配信やってて、映像を録画した時にファイルが増え続ける状況を定期的に表示したい。短い間隔でwebに表示したいけど、全面書き換えを数秒ごとに行うのもうっとおしいので、Ajaxを利用して部分書き換えしていく。

<html>
  <head>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.periodicalupdater.js"></script>

    <script type="text/javascript">
      $(function(){
        $.PeriodicalUpdater('./rec.txt',{
          method: 'get',
          minTimeout: 1000,
          type: 'html',
          multiplier:1,
          maxCalls: 0
        },

        function(data){
          $("#rec_txt").text(data);
        });
      });

    </script>

  </head>
  <body>
    <H3>Sakura Dashbord</H3>
    <div  style="clear:both;float:left;font-size:12px;" id="rec_txt">rec status</div>
  </body>
</html>