JS无限执行隔行变色

代码:

javascript 复制代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
        <li>随机变色</li>
    </ul>
    <script>
        let li = document.getElementsByTagName('li')[0]
        let ul = li.parentNode
        let ulson = ul.children
        let i=0
        function sj(){
            return Math.floor(Math.random()*256)
        }
        setInterval(o=>{
            ulson[i].style.backgroundColor=`rgb(${sj()},${sj()},${sj()})`
            i++
            if(i==ulson.length){
                i=0
            }
        },1000)     
        
    </script>
</body>
</html>

效果图:

相关推荐
change_fate7 分钟前
AbortController 取消请求
javascript·http
封奚泽优16 分钟前
使用DeepSeek定制Python小游戏——以“俄罗斯方块”为例
开发语言·python·pygame
EQ-雪梨蛋花汤24 分钟前
【方案分享】基于Three.js和Stencil Buffer的AR实物遮挡方案,支持不规则动态区域(AR地下设施、AR虚实遮挡)
javascript·ar·restful
njsgcs26 分钟前
chili3d调试10 网页元素css node deepwiki 生成圆柱体 生成零件图片
前端·css·3d
Мартин.1 小时前
[Meachines] [Hard] Holiday SQLI+XSS-Bypass+RCE-HEX-Shell+TRP00F+npm特權升級
前端·npm·xss
钢铁男儿2 小时前
C# 编程核心:控制流与方法调用详解
开发语言·microsoft·c#
豆沙沙包?2 小时前
2025年- H25-Lc133- 104. 二叉树的最大深度(树)---java版
java·开发语言
咖啡の猫2 小时前
JavaScript基础-分支流程控制
开发语言·javascript
香蕉可乐荷包蛋3 小时前
Three.js在vue中的使用(二)-动画、材质
javascript·vue.js·材质
阿常116 小时前
解决Maven项目中报错“java不支持版本6即更高的版本 7”
java·开发语言·maven