定时刷新之轮播图

xiaoxiao2021-03-25 117

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播</title> </head> <body onload="init ()"> <h1 id="titleId"></h1> <div style="align-content: center;"> <img id="imgValueId" name="图片展示"> </div> </body> <script > var pic; var title; var i=0 function init(){ pic=document.getElementById("imgValueId"); title=document.getElementById("titleId"); //定时器 setInterval(show,2000); } //设置数据 function show(){ i++; //资源位置 pic.src="img/1 ("+i+").jpg"; title.innerHTML="这是第"+i+"张美女图片"; if(i>=14){ i=0; } } </script> </html>

转载请注明原文地址: https://ju.6miu.com/read-6882.html

技术

最新回复(0)