使用循环在javascript中更改图像

using a loop to change an image in javascript?

本文关键字:图像 javascript 循环      更新时间:2023-09-26

嗨,我在javascript方面还很新,我的脚本中出现了一个错误,但我找不到错误。我想做的是将所有图像放在一个数组中,然后像在java中一样使用forloop循环数组。然后设置和间隔以使用迭代来改变图像的来源。

$(document).ready(function(){
    $(function(){
        SetInterval(function(){
            var images = ["graphic1.jpg" , "graphic2.jpg" , "graphic3.jpg" , "graphic4.jpg" , "graphic5.jpg"];
            for(i=0;i<images.length;i++){
                $("#slide").attr("src", images[i]);
            } 
        } , 1000);
    });
});

1)是setInterval而不是SetInterval

2) 使用document.ready()function()

首先有两个'document.ready'函数。尝试以下操作:

$(function(){
    setInterval(function(){
        var images = ["graphic1.jpg" , "graphic2.jpg" , "graphic3.jpg" , "graphic4.jpg" , "graphic5.jpg"];
        for(i=0;i<images.length;i++){
            $("#slide").attr("src", images[i]);
        } 
    } , 1000);
});