gpt4 book ai didi

javascript - 在循环中随机更改 innerHTML 颜色

转载 作者:太空宇宙 更新时间:2023-11-04 16:24:58 27 4
gpt4 key购买 nike

我正在尝试运行一个循环,该循环将通过随机生成十六进制代码来不断改变颜色。我试图在此处搜索,但找不到任何相关内容。

我不知道如何让循环运行并连续改变颜色(直到循环结束)。我是 JavaScript 新手。

这是我的 JSFiddle .

HTML

<body>
<div id="outer">
<div id="test">Generate colors.</div>
</div>
</body>

JS

for ( i = 0; i < 20000; i++ ) {
var t = document.getElementById('test');
var z = '#'+(Math.random()*0xFFFFFF<<0).toString(16);
t.style.color = z
}

最佳答案

您不能在循环中更改颜色,元素的颜色不会更改,直到您退出代码并将控制权返回给浏览器。

可以使用一个间隔来运行代码,每次都将控件返回给浏览器:

window.setInterval(function(){
var t = document.getElementById('test');
var z = '#'+(Math.random()*0xFFFFFF<<0).toString(16);
t.style.color = z
}, 100);

演示:http://jsfiddle.net/et3qtr3t/

关于javascript - 在循环中随机更改 innerHTML 颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26167464/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com