jQuery AJAX刷新间隔并单击更改内容

Question

我有一个带有“模态”对话框的后端控制面板，我想使用它来显示实时信息（作业进度，服务器信息等）。 我需要的是某个div（对话框）以固定间隔（1秒）“刷新”（从另一个php页面获取html内容），还取决于我按哪个按钮来显示对话框，从另一个PHP页面刷新。

这是对话框的代码：

<!-- Modal dialog -->
<div class="modal fade" id="myModal1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                One fine body&hellip;
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

任何按钮都可以使用以下命令显示它：

<a data-toggle="modal" href="#myModal1" class="btn btn-default btn-block">Modal dialog</a>

我发现这段代码似乎可以让我从php页面更新模态内容（我将动态创建它，我知道该怎么做）： 如何使用jquery或ajax以10秒的间隔刷新div

但是我假设我需要一个javascript onClick来更改javascript函数中的URL，具体取决于我按哪个按钮？ 我可以想象将javascript分为两个独立的函数，一个用于设置url（移至全局变量），另一个用于启动刷新间隔，但是我是javascript新手，想看看这是否是正确的方法，然后再使用我研究编码。 我从未使用过onClick。

在此先感谢您的帮助！

Answer 1

您好，您会在间隔部分看到类似的内容：

http://jsfiddle.net/35Lyzbjc/

像这样：

var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {
    var d = new Date();
    var t = d.toLocaleTimeString();
    document.getElementById("content").innerHTML = t;

    // you would normally put here the $.get of your PHP page
}

function myStopFunction() {
    clearInterval(myVar);
}