javascript - 通过迭代列表来更改图像的 src

标签 javascript html image src

我试图让图像每十分之一秒改变一次。我已经根据此处的其他回复编写了一个脚本,但它仍然无法正常工作。这是脚本:

var images = Array();
var index = 0;
images = ["rock.png", "paper.png", "scissors.png"];
var opponent = document.getElementById("opps");

setInterval(myMethod, 100);

function myMethod( ){
    opponent.src = images[index];

    if (index <= 1){
        index++;
    }
    else{
        index = 0;
    }
}

这是标签:

<img src = "" id ="opps"/>

最佳答案

我明白了。对于出现此错误的其他人来说,这是由于您的脚本在 html 之前运行。在你的 img 之后运行脚本。

关于javascript - 通过迭代列表来更改图像的 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59462766/

相关文章:

javascript - 使用 NeutralinoJS 获取输入文件路径

javascript - Cypress 拦截 - 在同一测试用例中使用不同的有效载荷多次执行相同的 api

javascript - 简单的 javascript : arrays, 和表单信息收集 #2

javascript - 如何在用户单击时隐藏抽屉

php - 使用 PHP 和 jQuery 快速旋转图像

php - PHP中的批量图像处理cronjob

c++ - 在 OpenCV 中从 RGB 图像访问 channel 的更快方法?

javascript - 不是给定数字的数字

c# - ASP.NET 网页 -> 显示静态信息的最佳方式

javascript - 使用 RGBA 值创建 WebGL 纹理