使用setInterval的圖像幻燈片

我是一個beginer到javascript.I想創建使用javascript.But一個簡單的圖像幻燈片它不幹活不知道why.Please幫我out.Thanks使用setInterval的圖像幻燈片

<script> 
var image=document.getElementById("aaa"); 
var img_array=["images/Chrysanthemum.jpg","images/desert.jpg","images/koala.jpg","images/penguins.jpg","images/hydrangeas.jpg","images/lighthouse.jpg","images/jellyfish.jpg"]; 
var index=0; 
function slide() 
{ 
    image.setAttribute("src",img_array[index]); 
    index++; 
    if(index>=img_array.length) 
    { 
    index=0; 
    } 
} 
setInterval("slide()",2000); 
</script> 
</head> 
<body> 
<img id="aaa" src="images/tulips.jpg" width="400" height="400" name="image" /> 
</body>

來源

2013-02-06 DjangoDev

簡單的方法：

window.onload = function() { 
    var image=document.getElementById("aaa"); 
    var img_array=[...]; 
    var index=0; 
    var interval = 2000; 
    function slide() { 
     image.src = img_array[index++%img_array.length]; 
    } 

    setInterval(slide, interval); 
}

更好的辦法：

變化setInterval(slide,2000);到：

setTimeout(function() { 
    slide(); 
    setTimeout(arguments.callee, interval) 
}, interval);

來源

2013-02-06 09:48:56

用以下代碼替換您的設置區間呼叫

setInterval(function(){slide()},2000);

來源

2013-02-06 09:35:35 amit1310

您好，貝爾是您的代碼的固定版本的工作。

<script> 
var image = document.getElementById("aaa"); 
var img_array=["http://png-4.findicons.com/files/icons/1008/quiet/256/java.png","http://icons.iconarchive.com/icons/tpdkdesign.net/refresh-cl/256/System-Java-icon.png"]; 
var index=0; 
function slide() 
{ 

    document["aaa"].src = img_array[index]; 
    index++; 
    if(index>=img_array.length) 
    { 
    index=0; 
    } 
} 
setInterval("slide()",2000); 
</script> 
</head> 
<body> 
<img id="aaa" src="http://www.tutorialsscripts.com/free-icons/programming-language/java-icons/purple-java-icon-256-x-256.gif" width="400" height="400" name="image" />

來源

2013-02-06 09:39:39 svlada

它對我很好..謝謝.. :) – DjangoDev

我的代碼有什麼問題？是由於setattribute？ – DjangoDev

是的，你的代碼因爲setAttribute而不工作，而document.getElementById（「aaa」）是returnig null。 – svlada

-2

代碼：

function slideshow() 
{ 
    var slides= ["background-image : url(image/1.jpg)","background-image : url(image/2.jpg)"]; 
    var i = 0; 
    var divh = document.getElementById("demo").style ; 
    while(i < slides.length) 
    {   
     if(i == (slides.length-1)) 
      { 
       divh = slides[i]; 
       i = 0; 
      } 
     else 
     { 
      divh = slides[i]; 
      i++ ; 
     }      
    } 
}

來源

2017-09-22 12:34:50 Hassan

使用setInterval的圖像幻燈片

回答

相關問題