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>

效果图:

相关推荐
XS03010614 分钟前
并发编程三
开发语言·c#
九九落16 分钟前
前端获取经纬度完全指南:从Geolocation API到地图集成
前端·获取经纬度
idingzhi23 分钟前
A股量化策略日报(2026年05月22日)
android·开发语言·python·kotlin
来恩100330 分钟前
jQuery选择器
前端·javascript·jquery
前端繁华如梦32 分钟前
树上挂苹果还是挂玻璃球?Three.js 程序化果实的完整实现指南
前端·javascript
墨痕诉清风39 分钟前
Web浏览器客户端检测网站网络健康(代码)
前端·网络·测试工具
IMPYLH41 分钟前
Linux 的 wc 命令
linux·运维·服务器·前端·bash
江上清风山间明月1 小时前
如何将python开发的window应用打包成exe
开发语言·python·exe·打包
SXJR1 小时前
Java中的Cross-Encoder模型解决方案
java·开发语言
happybasic1 小时前
Python库升级标准流程~
linux·前端·python