function draw() {
// 扭一扭按钮动画移除
document.querySelector('.game_go').classList.remove('twist')
//机器晃动动画开始
document.querySelector('.game_qu').classList.add('machine');
// 大球动画开始
for (let i = 1; i <= empHaveImgArr.length; i++) {
document.querySelector(`.qiu_${i}`).classList.remove(`diaol_${i}`);
document.querySelector(`.qiu_${i}`).classList.add(`wieyi_${i}`);
}
// 小球开始动画
for (let i = 12; i <= 36; i++) {
document.querySelector(`.qiu_${i}`).classList.remove(`diaol_${i}`);
document.querySelector(`.qiu_${i}`).classList.add(`wieyi_${i}`);
}
//机器晃动动画结束
setTimeout(() => {
document.querySelector('.game_qu').classList.remove('machine');
}, 5000);
// 大球结束动画
setTimeout(() => {
for (let i = 1; i <= empHaveImgArr.length; i++) {
document.querySelector(`.qiu_${i}`).classList.remove(`wieyi_${i}`);
}
}, 5000);
// 小球结束动画
setTimeout(() => {
for (let i = 12; i <= 36; i++) {
document.querySelector(`.qiu_${i}`).classList.remove(`wieyi_${i}`);
}
}, 5000);
setTimeout(() => {
// 添加扭一扭按钮动画
document.querySelector('.game_go').classList.add('twist')
}, 5000);
}
点击扭一扭后触发draw方法小球跳动