N分钟倒计时

^O^ ^O^

于 2023-11-01 17:40:13 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_46447120/article/details/134166608

本文介绍了如何使用JavaScript编写一个简单的倒计时函数，通过时间戳计算剩余时间并每秒更新，当时间结束时清空定时器。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let restTime = "" // 剩余时间
let timeStamp = 60000 // 剩余时间戳(默认一分钟)
let timer = null

// 时间戳转时分秒
function toHHmmss(data) {
  let s = ''
  const minutes = parseInt((data % (1000 * 60 * 60)) / (1000 * 60))
  const seconds = (data % (1000 * 60)) / 1000
  s = (minutes < 10 ? ('0' + minutes) : minutes) + ':' + (seconds < 10 ? ('0' + seconds) : seconds)
  return s
}

// 获取剩余时间
function getRestTime() {
  // 赋值(转时分秒)
  restTime = toHHmmss(timeStamp)
  // 大于0秒
  if (timeStamp >= 1000) {
    timeStamp = timeStamp - 1000
  } else {
    // 最后一秒将剩余时间修改
    restTime= "00:00"
    // 清除定时器
    clearInterval(timer)
  }
  console.log('==========(restTime)========>>>', restTime)
}

timer = setInterval(getRestTime, 1000)