在颤动中条件为真时更改按钮的背景色

<button id="myButton">按钮</button>

var button = document.getElementById("myButton");

function startShaking() {
    // 添加颤动的样式
    button.classList.add("shaking");
}

function stopShaking() {
    // 移除颤动的样式
    button.classList.remove("shaking");
}

function changeBackgroundColor() {
    // 更改背景色
    button.style.backgroundColor = "red";
}

// 在颤动条件为真时调用相应的函数
if (颤动条件) {
    startShaking();
    changeBackgroundColor();
}

.shaking {
    animation: shake 0.5s infinite;
}

@keyframes shake {
    0% { transform: translateX(0); }
    50% { transform: translateX(-5px); }
    100% { transform: translateX(5px); }
}