Question

我正在使用网络摄像头拍摄我正在处理的学习项目的照片，并尝试显示刚刚拍摄的图像。

当照片被放置在一个文件夹中并且希望显示所有拍摄的照片时，我需要刷新的<div>内部将是显示它们的PHP代码。

我用一个名为testdata.php的PHP文件创建了一个简单的div，它回显了一个随机数，看看我是否可以使用它。

我最初从stackoverflow上的类似问题中提取脚本，但无法使其工作。

<script type="text/javascript">
          $(document).ready(function () {
             $('#mydiv').delay(10000).load('testdata.php');
          });
      </script>


 <div id="mydiv"></div>

问题是它显示文件的内容但不刷新它

这是 testdata.php

的代码

<?php
echo(rand(10,100));
?>

Answer 1

使用此：

setInterval(function(){
     $('#mydiv').load('testdata.php');
}, 3000);

这将每3秒执行一次该功能。

详细了解setInterval here

Answer 2

您的代码仅在加载页面后运行一次。您需要定期执行它：

$(document).ready(function () {
    setInterval(function() {
        $('#mydiv').load('testdata.php');
    }, 10000);
});

这将每10000毫秒执行一次load-function。

Answer 3

您可以使用JavaScript setInterval定期调用函数来从服务器加载内容。

因此，如果您想要执行PHP脚本，比如每5秒钟一次，那么您应该使用以下内容：

$(document).ready(function () {
             setInterval(function(){ $('#mydiv').load('testdata.php') }, 5000);
});

用php内容刷新div

3 个答案: