用javascript刷新图片

想用js实现 每二十秒刷新一张图片 一开始用for语句 但它不是一张一张出来 太苦恼了 不知道各位可否帮帮我 小白一个 求助啊~~~

3个回答

<body>
  <img id="img" name="imag" src="1.jpg">
 </body>
 <script type="text/javascript">
    var array = ["1.jpg","2.jpg"];
    var i = 0;

    function imgFlush(){
        document.getElementById("img").src = array[i];
        i++;
        if(i == array.length){
            i = 0;
        }
    }
    //设置定时器
    //setTimeout("function",timeout),之执行一次
    //setInterval("function",timeout),重复执行
    setInterval("imgFlush()",1000);
 </script>

havedream_one
havedream_one 回复qq_31825399: 不好意思,这两天没上网。src="1.jpg"只是初始状态,之后的图片变换都在array里面
接近 5 年之前 回复
zhitian3366
zhitian3366 回复zhitian3366: 哦 i 需要全局
接近 5 年之前 回复
zhitian3366
zhitian3366 建议用setTimeout()代替setInterval(),这样的方式function imgFlush(){ ... }相对来说性能会消耗比较小,interval尽量不要碰。另外var i,不需要做成全局变量。
接近 5 年之前 回复
qq_31825399
饭饭_ 谢谢谢谢,出来了 但是有几个问题src="1.jpg"是什么意思?这样不是应该只出现一张图片么?
接近 5 年之前 回复

结合以下链接

ASP/JS 刷新一次换一张图片 的三种方法
http://blog.163.com/cclbanana@126/blog/static/10690874201471425746830/

JS定时刷新页面
http://www.cnblogs.com/lhws/archive/2012/03/05/2380249.html

qq_31825399
饭饭_ 谢谢你 可是看的不太懂 怎么实现循环显示的呢?
接近 5 年之前 回复

function reload_image(){
document.getElementById("imgID").src="url";
}
setTimeout("reload_image()",20000);


qq_31825399
饭饭_ 这个语句是什么实现三个图片循环的呢?还有 imgid是什么?
接近 5 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问