我在php页面中有以下代码
<script type="text/javascript">
$(document).ready(function() {
setInterval(function () {
$('#show').load('job-notification.php')
}, 1000, true);
});
</script>
ID为#show的Div显示来自job-notification.php 的数据
每隔1秒,这将从作业通知中重新加载数据。
如果我将时间设置为"10000"(10秒),那么当第一次加载页面时,显示div#show需要10秒。我们如何在加载时显示这个&然后每10秒从job-notification.php 重新加载数据
作业通知包含记录集&数据值。
在进入setInterval 之前向添加一个额外的调用
<script type="text/javascript">
$(document).ready(function() {
$('#show').load('job-notification.php');
setInterval(function () {
$('#show').load('job-notification.php')
}, 1000, true);
});
</script>
你有这个:
<script type="text/javascript">
$(document).ready(function() {
setInterval(function () {
$('#show').load('job-notification.php')
}, 1000, true);
});
</script>
为什么不改变它,使间隔内的第二次加载进入第一次加载函数,作为一个参数(完整参数):
<script type="text/javascript">
$(document).ready(function() {
$('#show').load('job-notification.php', setInterval(function () {
$('#show').load('job-notification.php')
}, 1000, true));
});
</script>
这样,一旦完成了第一次加载,在第一次加载函数的完整参数上,将调用设置间隔,并在此之后进行。此处的文档:http://api.jquery.com/load/#callback-函数
如果我正确解释了这一点,您希望在页面加载时调用该函数,然后每10秒调用一次。要实现这一点,您可以首先定义函数,调用它,然后设置间隔。像这样:
<script type="text/javascript">
$(document).ready(function() {
function loadNotifications() {
$('#show').load('job-notification.php');
}
loadNotifications();
setInterval(
function() {
loadNotifications();
},
1000,
true
);
}
</script>
使用此方法,您将不会有任何代码重复。