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

JavaScript for multiple image change based on pc clock

本文关键字：图像 时钟 用于 PC JavaScript      更新时间：2023-09-26

我只是在学习JavaScript并做网页设计课程，所以我是新手，但我需要有十张图像，每5分钟独立更改一次。 每个图像将根据 3 个图像之间的 PC 时钟每 5 分钟更改一次，并循环回第一个图像。

我一直在尝试使用设定的间隔来实现这一点。

在布置 JavaScript 时，我感到困惑，因为我只能获得十张图片中的最后一个图像来做我需要的事情，而我需要所有十张图片来做我需要的事情。

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

我发现了这个，但无法获得多个图像工作

问题是

document.getElementsByTagName(...)

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

 img = document.getElementsByTagName('IMG');
相关文章：