如何在颤动中自动加载和关闭对话框？

<button id="open-dialog">打开对话框</button>
<div id="dialog-container"></div>

#dialog-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 200px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: none;
}

// 获取对话框相关的DOM元素
var openBtn = document.getElementById('open-dialog');
var dialogContainer = document.getElementById('dialog-container');

// 点击按钮时显示对话框
openBtn.addEventListener('click', function() {
  dialogContainer.style.display = 'block';
});

// 在颤动中自动关闭对话框
window.addEventListener('mousemove', function(event) {
  // 判断鼠标是否在对话框外部颤动
  if (!dialogContainer.contains(event.target)) {
    dialogContainer.style.display = 'none';
  }
});