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

JavaScript09

怎么用 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,你需要区分刷新页面后和刷新前的状态,这恐怕需要服务端帮忙了额