は、どのように私は私のコード

Question

/*Declare each backgroundColor value for each divs*/ 
 
var RR; 
 
var GG; 
 
var BB; 
 
/*Declare the numbers of divs for making boxes*/ 
 
var y_end = 70; 
 
var x_end = 70; 
 
/*Declare the position*/ 
 
var x; 
 
var y; 
 
/*the time now*/ 
 
var now = new Date(); 
 
/*CSS*/ 
 

 
document.write("<style>"); 
 

 
for (y = 1; y <= y_end; y++) { 
 
    for (x = 1; x <= x_end; x++) { 
 
    if (x < 6) RR = "0" + (x * 3).toString(16); 
 
    else RR = (x * 3).toString(16); 
 

 
    if (y < 6) GG = "0" + (y * 3).toString(16); 
 
    else GG = (y * 3).toString(16); 
 

 

 
    BB = (4 * now.getSeconds()).toString(16); 
 
    if (now.getSeconds() < 4) BB = "0" + (4 * now.getSeconds()).toString(16); 
 

 
    var hex = "#" + GG + BB + RR; 
 

 
    document.write(" .r" + x + "g" + y + "{ margin:0; padding:0;width:1vw; height:0.5vh; background-color:" + hex + "; }"); 
 

 
    } 
 
} 
 

 
document.write("</style>"); 
 

 

 
/*makes divs for cubes*/ 
 
document.write("<div id='cube' style='display:block'>"); 
 
for (y = 1; y <= y_end; y++) { 
 

 
    document.write("<div style='display:table-cell;'>"); 
 

 
    for (x = 1; x <= x_end; x++) { 
 
    document.write("<div class='r" + x + "g" + y + "'></div>"); 
 
    } 
 
    document.write("</div>"); 
 
}

<script src="cube.js"></script>

私はすべての単一秒に変更した色正方形を作っていますでのsetInterval（）を使用する必要があります。 私はコード内でsetInterval（）をどこに置くべきかわかりません。 まず、/ のCSS /でのみ使用しますが、動作しません。また、エラーの束が来る。

Answer 1

htmlドキュメントを初期化する以外にdocument.writeを使用することはできません。

あなたがたとえば、あなたはDOM操作を使用することができますCSSの値を変更するためのsetIntervalを使用する場合：

setInterval(function(){ 
    var div = document.getElementById("mydiv"); 
    div.style.background-color = "rgb(155, 102, 102)"; 
},1000);