怎么用 javascript 做网页中的图片定时刷新

JavaScript010

怎么用 javascript 做网页中的图片定时刷新,第1张

分类: 电脑/网络 >>程序设计 >>其他编程语言

问题描述:

具体的说，就是我要利用一个客户端软件，用同一个文件名不断的传送文件到 HTTP 服务器上，然后在网页中读取那个图片，并且定时刷新图片，但是网页不要刷新，那样应该怎么做？

解析:

<script>

function changesrc(){

var pic=document.getElementById('change')

var img='1.jpeg?'+new Date

pic.src=img

window.setTimeout(changesrc,10000)

}

window.onload=function(){

changesrc()

}

</script>

<img src=1.jpeg id="change" />

有两种刷新方法:

第一种：setTimeout("window.location.replace('url')",10)

第二种方法：setInterval("window.location.replace('url')",60)

//定时器的时间单位为毫秒，1s=1000ms；

可以考虑使用setTimeOut

你这个代码的问题，我分析，是因为每次页面刷新以后，你的定时器id都会被重新赋值为undefined

而你在页面加载时就会执行你自定义的定时器代码，代码内判断定时器id的条件语句永远不会成立，所以是不会清除定时器的

总的来说，http无状态造成的

如果一定要使用setinterval,你需要区分刷新页面后和刷新前的状态，这恐怕需要服务端帮忙了额