欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css定時改變背景顏色

CSS
曹春華1年前7瀏覽0評論

CSS定時改變背景顏色

/* HTML */
<body></body>
/* CSS */
body {
background-color: red;
transition: background-color 2s ease-in-out;
}
/* JS */
setInterval(function() {
var colors = ["red", "orange", "yellow", "green", "blue", "indigo", "violet"];
var randColor = colors[Math.floor(Math.random() * colors.length)];
document.body.style.backgroundColor = randColor;
}, 2000);

CSS的transition屬性可以實現(xiàn)顏色的平滑過渡效果。

JS的setInterval方法可以在一定時間間隔內(nèi)重復(fù)執(zhí)行指定的代碼塊，這里的代碼塊就是改變body背景色的JS語句。

代碼中的colors數(shù)組存儲了所有可能出現(xiàn)的顏色值，每次隨機(jī)選取其中一種顏色并賦值給body背景色。