帮我写一段简单的倒计时的html+css+js的代码，三分钟后页面显示游戏失败

好的，以下是一个简单的倒计时HTML、CSS、JS代码：

HTML代码：

<div class="countdown-container">
  <div class="countdown-timer">03:00</div>
  <div class="countdown-message">游戏失败</div>
</div>

CSS代码：

.countdown-container {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
.countdown-timer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 80%;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  background-color: #ccc;
  color: #fff;
  line-height: 100px;
}
.countdown-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80%;
  height: 80%;
  font-size: 24px;
  text-align: center;
  border-radius: 50%;
  background-color: #f00;
  color: #fff;
  line-height: 100px;
  display: none;
}

JS代码：

const timerElement = document.querySelector('.countdown-timer');
const messageElement = document.querySelector('.countdown-message');

let seconds = 180; // 3分钟，即180秒
let timerIntervalId;

// 更新倒计时时间
function updateTimer() {
  const minutes = Math.floor(seconds / 60);
  const remainingSeconds = seconds % 60;
  timerElement.innerHTML = `${minutes < 10 ? '0' : ''}${minutes}:${remainingSeconds < 10 ? '0' : ''}${remainingSeconds}`;
  
  if (seconds === 0) {
    clearInterval(timerIntervalId);
    timerElement.style.display = 'none';
    messageElement.style.display = 'block';
  }
  
  seconds--;
}

// 开始倒计时
function startCountdown() {
  timerIntervalId = setInterval(updateTimer, 1000);
}

startCountdown();

这个倒计时会在页面加载后就开始倒计时，每隔一秒钟会更新一次倒计时时间，并且当时间到达0时，会显示"游戏失败"的提示信息。这个倒计时的时间是通过`seconds`变量来控制的，您可以根据需要修改这个变量的值来设置倒计时的时间。