Javascript 如何在不使用按钮或鼠标悬停的情况下更改页面上的图片

Javascript 如何在不使用按钮或鼠标悬停的情况下更改页面上的图片,javascript,html,image,animation,Javascript,Html,Image,Animation,我要做一个程序,一旦打开就可以呈现动画 这里的代码,我到目前为止,但我不知道如何修复它,以自动显示图片,我不允许使用按钮或悬停在图像上更改它,我不允许使用预先制作的gif或gif在所有 var指数=0; var ImageList=[”http://www.iconsplace.com/icons/preview/orange/happy-256.png", "http://www.iconsplace.com/icons/preview/orange/sad-256.png"]; var i

我要做一个程序,一旦打开就可以呈现动画

这里的代码,我到目前为止,但我不知道如何修复它,以自动显示图片,我不允许使用按钮或悬停在图像上更改它,我不允许使用预先制作的gif或gif在所有

var指数=0;
var ImageList=[”http://www.iconsplace.com/icons/preview/orange/happy-256.png", "http://www.iconsplace.com/icons/preview/orange/sad-256.png"];
var image1=document.getElementById(“myImage”);
函数onTimer(){
timerValue++;
para.innerHTML=时间值;
如果(时间值>=30){
img.src(“http://www.iconsplace.com/icons/preview/orange/happy-256.png");

}否则,如果(计时器您可以使用间隔:

window.onload = function(){
   var index = 0;
   var ImageList = ["Images/happy.png", "Images/sad.png"];
   var image1 = document.getElementById("myImage");
   var a = 0;
   setInterval(function(){
       a++;
       image1.src = ImageList[a % ImageList.length];
      }, 30000);
   }

它每30秒更改一次映像。

您将两个映像放在一个数组中。使用它

var指数=0;
var ImageList=[”http://www.iconsplace.com/icons/preview/orange/happy-256.png", "http://www.iconsplace.com/icons/preview/orange/sad-256.png"];
window.onload=function(){//页面已完成加载,图像可用
var image1=document.getElementById(“myImage”);
var tId=setInterval(函数(){
index=index==0?1:0;//如果为0,则为1,否则为0
//有关更多图像,请使用:
//index++;如果(index>=ImageList.length)index=0;
image1.src=ImageList[index];//如何设置图像src
},5000);//每5秒
}

您只是在寻找
setInterval()
函数吗?为什么不投票?如果您不知道
setInterval
的工作原理,很难找到它的工作原理。我为您制作了一个片段来演示格式化的