2022/1/18
知りません
ブラウザに文字を表示させ、回転させるデザインを作ろうとしています。(CSSでfaceセレクタとbackセレクタに色を設定し、表面と裏面で色を変えています。)
setIntervalの第一引数をrotateHeaderではなくrotateHeader()で設定すると回転しなくなります。関数を実行するのであれば()をつけるべきだと思うのですが、なぜこれだとうまくいかないのですか？
let header = document.getElementById('header');
let degree = 0;
function rotateHeader() {
degree = degree + 6;
degree = degree % 360;
if( (0<= degree && degree <90) || (270<=degree && degree < 360)){
header.className = "face";
} else{
header.className = "back";
}
header.style.transform = "rotateX(" + degree + "deg)";
}
setInterval(rotateHeader, 20);