如何控制消息弹出窗口的显示时间

// 显示弹出窗口
function showPopup() {
   // 显示弹出窗口的代码

   // 设置定时器，指定显示时间
   setTimeout(hidePopup, 5000); // 5000毫秒后隐藏弹出窗口
}

// 隐藏弹出窗口
function hidePopup() {
   // 隐藏弹出窗口的代码
}

<style>
   .popup {
      /* 弹出窗口的样式 */
      transition: opacity 0.5s ease-in-out; /* 设置过渡效果，时长为0.5秒 */
   }

   .popup.show {
      opacity: 1; /* 显示弹出窗口 */
   }

   .popup.hide {
      opacity: 0; /* 隐藏弹出窗口 */
   }
</style>

<div class="popup" id="popup">
   <!-- 弹出窗口内容 -->
</div>

<script>
   // 显示弹出窗口
   function showPopup() {
      var popup = document.getElementById('popup');
      popup.classList.add('show'); // 添加show类，触发动画效果

      // 设置定时器，指定显示时间
      setTimeout(hidePopup, 5000); // 5000毫秒后隐藏弹出窗口
   }

   // 隐藏弹出窗口
   function hidePopup() {
      var popup = document.getElementById('popup');
      popup.classList.remove('show'); // 移除show类，触发动画效果
   }
</script>