Javascript 我想随时间改变页面上的图像_Javascript_Html

Javascript 我想随时间改变页面上的图像

javascript html

Javascript 我想随时间改变页面上的图像,javascript,html,Javascript,Html,例如，我想先显示image1.jpg 10秒钟，然后再显示image2.jpg 10秒钟 <HTML> <body> <img src="image1.jpg" aftersometime='this.src="image2.jpg"' />  </body> </HTML> 在一个旧的堆栈溢出问题上发现了这个问题，请尝试：）通过链接查看它。主要代码如下 <

例如，我想先显示image1.jpg 10秒钟，然后再显示image2.jpg 10秒钟

<HTML>
  <body>
     <img src="image1.jpg" aftersometime='this.src="image2.jpg"' />
       <!--  -->
  </body>
</HTML>

在一个旧的堆栈溢出问题上发现了这个问题，请尝试：）

通过链接查看它。主要代码如下

    </body>
    <script type="text/javascript">
        var currentTime = new Date().getHours();
        if(5 < currentTime && currentTime < 18){
            if (document.body) {
                document.body.background = 'images/bg-day.png';
            }
        } else {
            if (document.body) {
                document.body.background = 'images/bg-night.png';
            }
        }
   </script>


var currentTime=new Date（）.getHours（）；
如果（5


使用这个
图像代码
<img src="image1.jpg" id="changeimg" aftersometime='this.src="image2.jpg"' />

您必须使用array来构建这段代码。…
您可以使用javascript函数通过使用
setAttribute（“src”，“图像路径”）
您只需创建一个函数，根据您选择的间隔切换图像路径
或者，您可以将图像设置为背景图像，并使用javascript更改CSS以指向所需的新背景。
尝试：
HTML:
您的img需要一个ID
  <img id="myimg" src="image1.jpg" />

您需要的函数是window.setInterval（）或window.setTimeout（），用于计时，类似于document.getElementById（）.setAttribute（“src”，“newpath”）
如果你想用一个新属性，比如aftermetime=“”，我建议将其称为data aftermetime=“”（根据HTML5标准），并省略this.src部分，你需要一个ID：
img代码：
<img src="image1.jpg" id="myimage" data-aftersometime="image2.jpg" />

您是在使用jquery，还是想要纯javascript解决方案？@laaposto不要以这种方式编辑问题！虽然有些东西不是真的需要在一个问题中发布，但至少不应该丢失OP的代码对不起，我没意识到现在会抓到它：）如何配置时间？@IanBrindley我想你可以在laod页上这样做，不管他们在塞隆的网页上停留多久，都会是这样implimented@Kieranmv95我的观点是，您没有解释代码是如何工作的。@IanBrindley这是另一个页面的链接，它在那里被解释过，因此我添加了链接，当链接在那里时，没有必要完全重复响应：）
setInterval(function(){
var src=document.getElementById("image").src;
    if(src.indexOf("image1") != -1){
    document.getElementById("image").src="image2.jpg"
    }
    else{
    document.getElementById("image").src="image1.jpg"
    }


},10000);

  <img id="myimg" src="image1.jpg" />

var IMG_URL1 = "image1.jpg"
var IMG_URL2 = "image2.jpg"

setInterval(function() {
    var myimg = document.getElementById('myimg');
    if (myimg.src === IMG_URL1) {
        myimg.src = IMG_URL2;
    } else {
        myimg.src = IMG_URL1;
    }
}, 10000);

<img src="image1.jpg" id="myimage" data-aftersometime="image2.jpg" />

setTimeout(function() {
   var imgref = document.getElementById("myimage");
   imgref.setAttribute("src", imgref.getAttribute("data-aftersometime"));
}, 10*1000);