用js写一个逻辑,已知当前时间倒计时十分钟后到期,倒计时时分秒
时间: 2024-06-12 14:05:28 浏览: 145
以下是用 JavaScript 写的倒计时逻辑:
```javascript
// 倒计时十分钟(单位:毫秒)
var countDownTime = 10 * 60 * 1000;
// 获取当前时间对象
var now = new Date();
// 计算到期时间
var expireTime = new Date(now.getTime() + countDownTime);
// 定时器ID
var timerId;
// 更新倒计时显示
function updateCountDown() {
// 获取当前时间对象
var now = new Date();
// 计算剩余时间(单位:秒)
var remainingTime = Math.floor((expireTime.getTime() - now.getTime()) / 1000);
// 计算剩余小时数
var remainingHours = Math.floor(remainingTime / 3600);
// 计算剩余分钟数
var remainingMinutes = Math.floor((remainingTime % 3600) / 60);
// 计算剩余秒数
var remainingSeconds = remainingTime % 60;
// 更新倒计时显示
document.getElementById("hours").innerText = remainingHours;
document.getElementById("minutes").innerText = remainingMinutes;
document.getElementById("seconds").innerText = remainingSeconds;
// 如果倒计时结束,清除定时器
if (remainingTime <= 0) {
clearInterval(timerId);
}
}
// 启动定时器,每秒更新一次倒计时显示
timerId = setInterval(updateCountDown, 1000);
```
在 HTML 中,可以添加如下代码来显示倒计时:
```html
<div id="countdown">
<span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>
</div>
```
阅读全文