用js 写一个输入时间倒计时的功能
时间: 2024-03-11 21:48:24 浏览: 15
好的,以下是一个基本的用 JavaScript 实现倒计时的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>倒计时</title>
</head>
<body>
<h1>距离考试结束还有<span id="countdown"></span>秒</h1>
<script>
// 目标时间
var targetTime = new Date('2021-12-31T23:59:59').getTime();
// 更新倒计时
var updateCountdown = function() {
// 当前时间
var currentTime = new Date().getTime();
// 计算剩余时间(单位:秒)
var remainingSeconds = Math.floor((targetTime - currentTime) / 1000);
// 如果时间已经到了,显示 0
if (remainingSeconds <= 0) {
document.getElementById('countdown').innerHTML = 0;
return;
}
// 显示剩余时间
document.getElementById('countdown').innerHTML = remainingSeconds;
// 每秒更新一次
setTimeout(updateCountdown, 1000);
};
// 更新倒计时
updateCountdown();
</script>
</body>
</html>
```
这个例子会显示距离 `2021-12-31T23:59:59` 这个时间点还有多少秒,每秒自动更新一次。你可以根据自己的需求修改目标时间和显示方式。