javascript幻灯片,不显示';t缓存网络摄像头的图像

javascript幻灯片,不显示';t缓存网络摄像头的图像,javascript,slideshow,webcam,Javascript,Slideshow,Webcam,我的网络摄像头每10秒上传一张图片到我的网站,并将其命名为live.jpg。。。我正在寻找一种方法,每10秒刷新一次图像(以显示最新的图像),但图像正在缓存而不是更新。这是我正在使用的旧javascript,它不起作用。。。。是否有一个简单的修改,可以让它绕过缓存图像?非常感谢您的建议: <script type="text/javascript"> // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free

我的网络摄像头每10秒上传一张图片到我的网站,并将其命名为live.jpg。。。我正在寻找一种方法,每10秒刷新一次图像(以显示最新的图像),但图像正在缓存而不是更新。这是我正在使用的旧javascript,它不起作用。。。。是否有一个简单的修改,可以让它绕过缓存图像?非常感谢您的建议:

<script type="text/javascript">
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 10000

// Duration of crossfade (seconds)
var crossFadeDuration = 1

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.examplesite.com/live.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}

function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>

//(C)2000 www.codeslifter.com
// http://www.codelifter.com
//对所有用户免费,但保留在此标题中
//NS4-6,IE4-6
//仅在IE中出现淡入效果;优雅地退化
// =======================================
//设置以下变量
// =======================================
//设置幻灯片速度(毫秒)
var slideShowSpeed=10000
//交叉衰减持续时间(秒)
var crossFadeDuration=1
//指定图像文件
var Pic=new Array()//不要碰这个
//要添加更多图像,请继续
//模式,添加到下面的数组中
Pic[0]='http://www.examplesite.com/live.jpg'
// =======================================
//请勿编辑此行下方的任何内容
// =======================================
变量t
var j=0
var p=Pic.length
var preLoad=新数组()
对于(i=0;i(p-1))j=0
t=setTimeout('runSlideShow()',slideShowSpeed)
}

向图像url添加一个更改参数,例如时间戳:

document.images.SlideShow.src = preLoad[j].src+'?'+new Date().getTime();

向图像url添加更改参数,例如时间戳:

document.images.SlideShow.src = preLoad[j].src+'?'+new Date().getTime();

我认为您应该使用时间戳预加载来缓存图像,而不是将时间戳添加到幻灯片放映源中

我认为您应该使用时间戳预加载来缓存图像,而不是将时间戳添加到幻灯片放映源中