我有一个后端控制面板,带有一个"模态"我想用来显示实时信息(工作进度,服务器信息等)的对话框。我需要的是某个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">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
One fine body…
</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页面更新模态内容(我将动态创建,我知道该怎么做):how to use jquery or ajax to refresh a div at 10 second intervals
但是我假设我需要一个javascript onClick来更改javascript函数中的url,具体取决于我按哪个按钮?我会想象将javascript分成两个独立的函数,一个用于设置url(移动到一个全局变量),另一个用于启动刷新间隔,但是我是javascript的新手,想看看这是否是正确的方法之前使用我钻研编码。我以前从未使用过onClick。
提前感谢您的帮助!
答案 0 :(得分:0)
你好,你会对间隔部分有类似的东西:
类似的东西:
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);
}