定时刷新之轮播图

最新推荐文章于 2023-05-18 20:23:20 发布

amarsoft_wxzhou

最新推荐文章于 2023-05-18 20:23:20 发布

阅读量334

点赞数

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/amarsoft_wxzhou/article/details/60883696

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

amarsoft_wxzhou

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
定时刷新之轮播图

<!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;">
复制链接

扫一扫