我一直在試圖弄清楚如何讓 div 框每 1000 毫秒隨機改變一次顏色。這是我對函式 changeColor JavaScript 檔案的嘗試：
myInterval = setInterval(changeColor, 1000);
var box = document.getElementById("box");
function changeColor() {
var randomColor = Math.floor(Math.random() * 16777215).toString(16);
box.style.backgroundColor = "#" randomColor;
//let x = document.getElementById('contents');
//x.style.backgroundColor = x.style.backgroundColor == "yellow" ? "pink" : "yellow";
}<div id="box">This is some text in a div element.</div>uj5u.com熱心網友回復：
像這樣
var div = document.querySelector(".test");
setInterval(() => {
div.style.background = `#${getColor()}`;
}, 1000)
function getColor() {
return Math.floor(Math.random()*16777215).toString(16);
}
uj5u.com熱心網友回復：
您的代碼很好，只是顏色代碼需要填充到 6 位，否則瀏覽器將使用Chuck Norris 的演算法來修復顏色：
var randomColor = "#" Math.floor(Math.random() * 0xFFFFFF).toString(16).padStart(6, "0");
uj5u.com熱心網友回復：
我附加了javascript函式，每1000毫秒隨機更改一次顏色。
<!DOCTYPE html>
<html>
<head>
<title>Change bg color every 1 seconds</title>
</head>
<body>
<div id="box">This is some text in a div element.</div>
<script>
setInterval(
function () {
var randomColor = Math.floor(Math.random()*16777215).toString(16);
document.getElementById("box").style.backgroundColor = "#" randomColor;
},1000);
</script>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/416732.html
標籤：
上一篇：顯示具有對應id的文章串列