javascript语法如何做一个倒计时功能

2025年01月06日 建站教程

如何利用javascript语法做一个倒计时功能,下面web建站小编给大家简单介绍一下!

具体代码如下:

function startCountdown() {
  // 设置倒计时时间(秒数)
  var countdownTime = 60;
 
  // 获取当前时间
  var now = new Date().getTime();
 
  // 计算倒计时结束时间
  var countdownEnd = now + (countdownTime * 1000);
 
  // 更新倒计时区域
  var countdownElement = document.getElementById('countdown');
  
  var countdownInterval = setInterval(function() {
    // 获取当前时间
    var now = new Date().getTime();
 
    // 计算剩余时间
    var countdownRemaining = countdownEnd - now;
 
    // 将剩余时间转换成分、秒格式
    var minutes = Math.floor((countdownRemaining % (1000 * 60 * 60)) / (1000 * 60));
    var seconds = Math.floor((countdownRemaining % (1000 * 60)) / 1000);
 
    // 更新倒计时区域
    countdownElement.innerHTML = minutes + " 分钟 " + seconds + " 秒 ";
 
    // 当倒计时结束,清除计时器
    if (countdownRemaining <= 0) {
      clearInterval(countdownInterval);
      countdownElement.innerHTML = "倒计时结束!";
    }
  }, 1000);
}

本文链接:http://so.lmcjl.com/news/20803/

展开阅读全文
相关内容