如何在颤动中制作报警对话框抖动动画

// 获取对话框元素
var dialog = document.getElementById("dialog");

// 设置初始位置
var startX = 0;
var startY = 0;

// 定义抖动的幅度
var shakeRange = 10;

// 定义抖动的频率
var shakeFrequency = 10;

// 计算抖动的次数
var shakeCount = 0;

// 定义抖动的方向
var shakeDirection = 1;

// 启动抖动动画
function startShake() {
  // 记录初始位置
  startX = parseInt(dialog.style.left);
  startY = parseInt(dialog.style.top);

  // 设置定时器，每隔一段时间触发抖动函数
  setInterval(shake, shakeFrequency);
}

// 执行抖动动画
function shake() {
  // 计算当前的位置
  var currentX = startX + shakeRange * shakeDirection;
  var currentY = startY + shakeRange * shakeDirection;

  // 设置对话框的位置
  dialog.style.left = currentX + "px";
  dialog.style.top = currentY + "px";

  // 修改抖动的方向
  shakeDirection *= -1;

  // 增加抖动的次数
  shakeCount++;

  // 抖动一定的次数后停止抖动
  if (shakeCount >= 10) {
    clearInterval(shake);
  }
}

// 启动抖动动画
startShake();