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);
}