weixin_37985279 2017-03-28 09:25 采纳率: 0%
浏览 2494

定时器for循环更换图片颜色

比如2秒过后,2变为红色,其它为蓝色,
4秒过后,3为红色,其它为蓝色,一直到100停止,
图片说明

  • 写回答

2条回答 默认 最新

  • 萧逸才 2017-03-28 09:41
    关注
     <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <script type="text/javascript" src="jquery-3.0.0.min.js"></script>
        <style>
            #box div {
                width: 100px;
                height: 100px;
                margin: 5px;;
            }
    
            .red {
                background-color: red;
            }
    
            .blue {
                background-color: blue;
            }
        </style>
    </head>
    <body>
    <div id="box">
        <div class="red"></div>
        <div class="blue"></div>
        <div class="blue"></div>
        <div class="blue"></div>
    </div>
    </body>
    <script>
        $(function () {
            var count = 0;
            var t = setInterval(function () {
                console.log(count);
                if (count == 3) {
                    t = window.clearInterval(t);
                    return;
                }
                var $redDiv = $("#box").find(".red");
                $redDiv.next().removeClass("blue").addClass("red");
                $redDiv.removeClass("red").addClass("blue");
                count++;
            }, 2000);
        });
    </script>
    </html>
    
    评论

报告相同问题?

悬赏问题

  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?