Question

我只是在学习JavaScript并开设网页设计课程，所以我很新，但我需要有10个图像，每5分钟独立更改一次。每个人将根据3个图像之间的电脑时钟每5分钟更换一次并循环回到第一个图像。

我一直在尝试使用设置间隔实现这一点，但我发现我只是让自己感到困惑，任何人都可以帮忙吗？

我认为这对我来说可能太先进，但已经提供了我的第一份自由职业，所以请帮忙！洛尔

我在设置JavaScript时感到困惑，因为当我需要所有十个人做我需要的时候，我只能得到十个人的最后一个图像来做我需要的事情

谢谢你们

<script>
var start = new Date().getTime(),
    i = 0,
    //get the node of the image to change
    img = document.getElementsByTagName('IMG')[0]; 

setInterval(function(){
    //what time is now
    var now = new Date().getTime();
    if(now - start > 60000){
        //initialize the counter
        start = now;
        //overlay with 0's -> substr(-4)
        //rotate on 1440 with a modulo -> i++ % 1440
        img.src = ('000' + (i++ % 1440 + 1)).substr(-4)  + '.jpg';
    }
}, 10000); //check every 10 sec

。

我找到了这个但却无法使用多个图像

Answer 1

问题在于

document.getElementsByTagName(...)

返回元素列表。您的代码只选择第一个并将“img”变量设置为该变量。修改“setInterval”函数来处理数组而不是单个元素，并将“img”设置为完整数组而不是单个元素，它应该可以工作：

 img = document.getElementsByTagName('IMG');

用于基于pc时钟的多个图像更改的JavaScript

1 个答案: