Question

我正在建立一个简单的网站，它会像幻灯片一样显示照片。照片会在不可预测的时间自动上传到服务器。目前我每分钟都在运行一个cron作业来制作一个包含照片文件名列表的javascript文件作为数组。在网页上，我引用此文件并一次显示一个列表中列出的照片。目前，这部分工作正常。

我想让网页定期检查，看看定义数组的javascript文件是否有任何添加，因为在初始加载时抓取文件。如果有添加内容，则网页应从列表的开头重新开始并显示最新的照片。

有一种简单的方法吗？

这是网页：

<html><head>
<style type="text/css">
   body {background: black;} 
</style>         
<script src="imageList.js"></script>
<script type="text/javascript">

   function switchImage() {
      document.getElementById("body").innerHTML='<img id="main" src="photos/' + imageList[i] + '"/>';
      i++;
      if (i>=imageList.length) { i=0; }
   }

i=0;
setInterval(function(){switchImage()},45000);

</script>      
<title>SlideShow</title></head>
<body id="body">
</body>
</html>

这是我正在运行的脚本，用于在imageList.js中生成照片列表作为javascript数组：

#! /usr/bin/bash
printf "var imageList = new Array();\n" > /var/www/htdocs/example.com/imageList.js
count=0
for file in `ls /var/www/htdocs/example.com/photos/`;
do
   printf 'imageList[%s] = "%s";\n' $count $file >> /var/www/htdocs/example.com/imageList.js
   count=$(($count+1))
done

在循环遍历所述数组时更新定义数组的javascript文件？

0 个答案: