三个图象根据时间的不同轮换图片,javascript能实现不


不是很理解楼主的意思，不过用setTimeout("FunctionName()",1000) 函数应该可以实现的，把时间间隔用变量代替。

解决方案 »

  1.   

    to :zhaoxiaoyang(梅雪香@深圳) 隔和第.都不是关键.就是,只要3张图片变换的时间不同就可以了.比如:过2秒钟换第一张图,第2秒换第3张图,第3秒换第4张图就这样的。..
      

  2.   

    to zealot21(独行) 应该是用setTimeout...不过我弄了半天只能实现1张图.2张都搞不定.
      

  3.   

    还是不明白,你的意思是有三个img对象,还是只有一个?
    如果是一个,我实在想不明白
    如果是三个,那么就三张图,又怎么换呢?
    能不能给出让"人"能看明白的需求.
      

  4.   

    类似这样:
    var i=0;
    var images = array("a.jpg","b.jpg");
    function changeimg(){
        if(i<images.length){
            document.getElementById("img").src = images[i];
        }
        i++;
        setTimeout("changeimg",1000+1000*i);
    }
      

  5.   

    to zhaoxiaoyang(梅雪香@深圳) 是三个img对象. 我并没有说是三个图片啊。图片的话 那就6张吧.3个IMG对象 一个对象2张图片换 但是每个IMG对象图片改变的时间不同。
      

  6.   

    to zeroleonhart(Strong Point:Algorithm) 你写的方法我试了，可能是我body部分写错了。你能不能把body部分也写下下。....我看下哪个地方不对，我是刚学javascript的新手
      

  7.   

    早点说清楚多好.害我熬夜.
    <html>
    <head>
    <script language="JavaScript">
    <!--
    var arFirst = ["3.gif","0.gif"];
    var arSecond = ["4.gif","1.gif"];
    var arThird = ["5.gif","6.gif","2.gif"];//各图片轮显的顺序
    var timerFirst = 500;
    var timerSecond = 1500;
    var timerThird = 1000;
    var timers = {};
    function turnShow(id,time,urlAr){
        var imgObj = document.getElementById(id);
        if(timers[id]){
            clearInterval(timers[id]);
            delete timers[id];
            event.srcElement.value="开始";
        }
        else{
            timers[id] = setInterval(function(){imgObj.src=urlAr[0];urlAr.push(urlAr.shift());},time);
            event.srcElement.value="停止";
        }
    }
    //-->
    </script>
    </head>
    <body>
    <img id="imgFirst" src="0.gif">
    <input type="button" value="开始" onclick="turnShow('imgFirst',timerFirst,arFirst)"><br>
    <img id="imgSecond" src="1.gif">
    <input type="button" value="开始" onclick="turnShow('imgSecond',timerSecond,arSecond)"><br>
    <img id="imgThird" src="2.gif">
    <input type="button" value="开始" onclick="turnShow('imgThird',timerThird,arThird)"><br>
    </body>
    </html>
      

  8.   

    楼上近来莫名其妙呀...<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <!-- DW6 -->
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>shawl.qiu template</title>
    <style type="text/css">
    /* <![CDATA[ *//* ]]> */
    </style>
    <script type="text/javascript">
    //<![CDATA[
    if (navigator.appName=="Microsoft Internet Explorer") {
    //最大化窗口
    self.moveTo(-5,-5)
    self.resizeTo(screen.availWidth +8,screen.availHeight+8)
    //这个脚本定义的宽度其实比原窗口还要大那么一点.
    }
    //]]>
    </script>
    <script type="text/javascript">
    //<![CDATA[
    var num=1;
    var bln=true;
    var img=['images/01.jpg', 'images/02.jpg', 'images/03.jpg']

    function fShowImg(){
    //alert(num);
    if(bln){
    if(num!=3){
     num++;
    } else {
    bln=false;
    num--;
    }
    } else {
    if(num!=1){
    num--;
    } else {
    bln=true;
    num++;
    }
    } // shawl.qiu script
    var o=document.getElementById('mgc');
    o.setAttribute('src', img[num-1]);
    }

    onload=function(){
    setInterval('fShowImg()',2000);
    }
    //]]>
    </script>
    </head>
    <body>
    <img src="images/01.jpg" id="mgc" />
    </body>
    </html>
      

  9.   

    btbtd(博学笃志, 切问近思; 神闲气静, 智深勇沉.－围炉夜话)
    楼上近来莫名其妙呀...
    我怎么莫名其妙了?
      

  10.   

    to zhaoxiaoyang(梅雪香@深圳) 呵呵。。功能能实现哦。。谢谢了我再问下，怎样让他自己一加载就轮换。就是说触发那个函数。不用点那三个按妞的。。搞定了。马上揭贴散分。如果弄不出来，还要麻烦大家了。
      

  11.   

    btbtd(博学笃志, 切问近思; 神闲气静, 智深勇沉.－围炉夜话) 你实现的那是一张图片轮换的饿 。
      

  12.   

    <html>
    <head>
    <script language="JavaScript">
    <!--
    var arFirst = ["3.gif","0.gif"];
    var arSecond = ["4.gif","1.gif"];
    var arThird = ["5.gif","6.gif","2.gif"];//各图片轮显的顺序
    var timerFirst = 500;
    var timerSecond = 1500;
    var timerThird = 1000;
    var timers = {};
    function turnShow(id,time,urlAr){
        var imgObj = document.getElementById(id);
        if(timers[id]){
            clearInterval(timers[id]);
            delete timers[id];
        }
        else{
            timers[id] = setInterval(function(){imgObj.src=urlAr[0];urlAr.push(urlAr.shift());},time);
        }
    }
    //-->
    </script>
    </head>
    <body>
    <img id="imgFirst" src="0.gif">
    <img id="imgSecond" src="1.gif">
    <img id="imgThird" src="2.gif">
    <script>
    turnShow('imgFirst',timerFirst,arFirst);
    turnShow('imgSecond',timerSecond,arSecond);
    turnShow('imgThird',timerThird,arThird);
    </script>
    </body>
    </html>
      

  13.   

    zhaoxiaoyang(梅雪香@深圳) 万分感激了。嘿嘿，刚刚自己弄出了。程序有两个地方不太懂，不过我会慢慢研究。结贴了