图片轮流播放实现

最新推荐文章于 2024-04-15 10:28:24 发布

weixin_44552543

最新推荐文章于 2024-04-15 10:28:24 发布

阅读量969

点赞数

本文链接：https://blog.csdn.net/weixin_44552543/article/details/89926199

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
    window.onload=function () {
        //定义一个变量，用来保存定时器
        var timer;
        var btn1=document.getElementById("btn1");
            btn1.onclick=function () {
            var img1=document.getElementById("img1");
            var imgAll=["img01.jpeg","img02.jpeg","img03.jpeg","img1.jpeg"];
            //创建一个变量，用来保存当前图片索引
            var index=0;
            //开启定时器之前，关闭上一个定时器------解决误操作再次点击使图片越变越快
                clearInterval( timer);
            //开启定时器
           timer= setInterval(function () {
                //使索引自增
                index++;
                //判断索引是否超过最大索引
                if (index>=imgAll.length){
                    index=0;

最低0.47元/天解锁文章

weixin_44552543

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
图片轮流播放实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> window.onload=function () ...
复制链接

扫一扫