Question

我在php页面中有以下代码

<script type="text/javascript">
        $(document).ready(function() {
            setInterval(function () {
                $('#show').load('job-notification.php')
            }, 1000, true);


        });
    </script>

Div with ID #show显示来自job-notification.php的数据

每1秒重新加载来自作业通知的数据。

如果我将时间设置为“10000”（10秒），那么当首次加载页面时，显示div #show需要10秒。我们怎样才能在负载和显示器上显示它然后每10秒重新加载来自job-notification.php的数据

工作通知包含记录集＆amp;数据值。

Answer 1

在进入setInterval

之前添加额外的调用

<script type="text/javascript">
    $(document).ready(function() {
    $('#show').load('job-notification.php');
        setInterval(function () {
            $('#show').load('job-notification.php')
        }, 1000, true);


    });
</script>

Answer 2

你有这个：

<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-function

Answer 3

如果我正确解释了这一点，你想在页面加载时调用该函数，然后每隔10秒调用一次。要实现此目的，您可以先定义函数，调用它，然后设置间隔。像这样：

<script type="text/javascript">
    $(document).ready(function() {
        function loadNotifications() {
            $('#show').load('job-notification.php');
        }
        loadNotifications();
        setInterval(
            function() {
                loadNotifications();
            },
            1000,
            true
        );
    }
</script>

使用此方法，您将不会有任何代码重复。

在php上设置间隔功能

3 个答案: