javascript - 一定間隔で Div/PartialView を更新

Question

Ajax呼び出しを行い、結果を返し、完全に機能するこれがあります。

@foreach (var fighter in Model.Fighters)
{
@Ajax.ActionLink(fighter.FirstName + " " + fighter.LastName, "ShowResults",new            {id        =fighter.FighterID }, new AjaxOptions { HttpMethod = "get", InsertionMode = InsertionMode.Replace, OnSuccess = "SuccessFunction", UpdateTargetId = "results" })
}
<div id="results">
@Html.Partial("Partial1", Model)
</div>

 [HttpGet]
    public ActionResult ShowResults(int id)
    {
        ViewBag.Id = id;
        Fight fight = db.Fights.Find(id);
        if(Request.IsAjaxRequest())
        {
            ViewBag.Message = "The ID is: " + id;
            return PartialView("Partial1", fight);
        }
        return View(fight);
    }

しかし、私は同じことをしようとしていますが、部分ビューが設定された間隔でリロードされるようにしています。私はこれを行うことに忠実でした：

 $(document).ready(function () {

    $("#round").load("/Fight/ShowResults");

    setInterval(function () {
        $("#results").load("/Fight/ShowResults");
    }, 100000); //Refreshes every 30 seconds

    $.ajaxSetup({ cache: false });  //Turn off caching
});
</script>

しかし、何もしていないようです。何か案は？