成语积累500个及解释

.
.
.phrase-
.
.explanation-
.
.

{

font-size: 18px;
margin-bottom: 20px;
}

{

font-size: 16px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.
.解释-
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.spinner .spinner-
@keyframes spinner-border {

}
@media (max-width: 767px) {
.spinner .spinner-
}
成语积累500个及解释
群寡
道具
场景
背景
图片
链接
来源
群寡
道具
场景
背景
图片
链接
来源
const spinner1 = document.getElementById("spinner");
const spinner2 = document.getElementById("spinner2");
const spinner3 = document.getElementById("spinner3");
const spinner4 = document.getElementById("spinner4");
let count = 0;
const getRandomColor = () => {
return Math.random().toString(36).substring(0, 6);
};
const spinner = () => {
const colors = [getRandomColor()];
for (let i = 0; i `;
};
spinner1.addEventListener("animation-play-state", () => {
if (!document.playState || !document.playState.muted) {
spinner.style.animationPlayState = "active";
}
});
spinner2.addEventListener("animation-play-state", () => {
if (!document.playState || !document.playState.muted) {
spinner.style.animationPlayState = "active";
}
});
spinner3.addEventListener("animation-play-state", () => {
if (!document.playState || !document.playState.muted) {
spinner.style.animationPlayState = "active";
}
});
spinner4.addEventListener("animation-play-state", () => {
if (!document.playState || !document.playState.muted) {
spinner.style.animationPlayState = "active";
}
});
setInterval(() => {
const colors = [getRandomColor()];
for (let i = 0; i

标签：