javascript - 我想随时间更改页面上的图像

标签 javascript html

<分区>

例如,我想在前 10 秒显示 image1.jpg,然后在接下来的 10 秒显示 image2.jpg

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

最佳答案

尝试:

HTML:

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

JS:

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);

DEMO

关于javascript - 我想随时间更改页面上的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22507378/

相关文章:

javascript - Google 如何隐藏搜索结果的 HTML 来源?

javascript - 上层div的百分比?

html - 图片标题和列表的 CSS Overflow 问题

javascript - jquery固定位置 block ,切换到静态某个点

javascript - 我如何获取文本区域的行并将它们放入左右对齐的元素集中,每行在 ":"上拆分?

php - 删除 Google Charts 水平柱形图上方和下方的空白

php - 如何在此液体 for 循环上添加迭代

javascript - 在页面加载时控制鼠标位置

javascript - yield 如何理解 Node.js/Koa.js 应用程序中的 Promises?

javascript - 在 Javascript 中,添加数组时如何避免 NaN