js写倒计时2小时代码
时间: 2024-05-04 21:15:50 浏览: 19
好的,下面是一个简单的 JavaScript 倒计时代码:
```javascript
function countdown(minutes) {
var seconds = 60;
var mins = minutes
function tick() {
var counter = document.getElementById("timer");
var current_minutes = mins-1
seconds--;
counter.innerHTML = current_minutes.toString() + ":" + (seconds < 10 ? "0" : "") + String(seconds);
if( seconds > 0 ) {
setTimeout(tick, 1000);
} else {
if(mins > 1){
countdown(mins-1);
}
}
}
tick();
}
```
你可以调用 countdown 函数并传递一个参数,表示你想要倒计时的分钟数,例如:
```javascript
countdown(120); // 倒计时 2 小时
```
相关问题
js写出倒计时60秒代码
### 回答1:
```
var count = 60;
var counter = setInterval(timer, 1000); //1000 will run it every 1 second
function timer() {
count = count - 1;
if (count <= 0) {
clearInterval(counter);
return;
}
console.log(count);
}
```
上面的代码将会在每秒钟输出当前倒计时的秒数,倒计时将会从60秒开始,当倒计时到达0秒时停止。
### 回答2:
JavaScript代码如下:
```javascript
// 倒计时时间(单位:秒)
let countdown = 60;
// 定时器对象
let timer;
// 倒计时函数
function startCountdown() {
// 禁用按钮,防止重复点击
document.getElementById('btn').disabled = true;
// 更新倒计时显示
document.getElementById('countdown').innerText = countdown;
// 每秒执行一次倒计时
timer = setInterval(function() {
countdown--;
document.getElementById('countdown').innerText = countdown;
// 倒计时结束停止计时器
if (countdown === 0) {
clearInterval(timer);
// 启用按钮
document.getElementById('btn').disabled = false;
// 重置倒计时时间
countdown = 60;
// 清空倒计时显示
document.getElementById('countdown').innerText = '';
}
}, 1000);
}
```
上述代码通过使用`setInterval`函数和`clearInterval`函数实现了一个60秒的倒计时功能。在HTML中,需要添加一个按钮用于触发倒计时,以及一个用于显示倒计时时间的文本元素。
示例HTML代码:
```html
<button id="btn" onclick="startCountdown()">开始倒计时</button>
<p id="countdown"></p>
```
需要注意的是,以上代码是一个简单的示例,倒计时的实际应用可能需要更加复杂的逻辑和交互设计。
### 回答3:
可以使用JavaScript编写一个60秒的倒计时代码。以下是一个简单的实现方式:
```javascript
// 获取显示倒计时的元素
var countdownElement = document.getElementById('countdown');
// 设置倒计时的初始值
var secondsRemaining = 60;
// 定义一个计时器函数
function countdown() {
// 更新倒计时元素的显示内容
countdownElement.innerHTML = secondsRemaining;
// 当倒计时为0时停止计时器
if (secondsRemaining === 0) {
clearInterval(timer);
countdownElement.innerHTML = '倒计时结束';
} else {
// 倒计时减一秒
secondsRemaining--;
}
}
// 每秒调用一次倒计时函数
var timer = setInterval(countdown, 1000);
```
在以上代码中,首先获取了一个用于显示倒计时的元素,并设置初始值为60。然后定义了一个`countdown`函数,用于更新显示倒计时的元素内容,并判断倒计时是否结束。当倒计时为0时,清除计时器,并显示倒计时结束的提示信息。如果倒计时尚未结束,将倒计时的秒数减一。最后,使用`setInterval`每秒调用一次`countdown`函数,实现倒计时效果。
倒计时怎么写js代码
在JavaScript中编写倒计时功能,通常会使用`setInterval`函数来实现定时更新计时器。以下是一个简单的倒计时示例,从特定的时间(例如10秒)开始:
```javascript
// 假设我们有一个结束时间
var endTime = new Date().getTime() + (10 * 1000); // 10秒后的时间
function countdown() {
// 获取当前时间
var currentTime = new Date().getTime();
// 计算剩余时间
var remainingTime = endTime - currentTime;
// 如果还有剩余时间
if (remainingTime > 0) {
// 拼接并显示剩余秒数(格式化可以根据需求调整)
var minutes = Math.floor(remainingTime / (60 * 1000)).toString().padStart(2, '0');
var seconds = Math.floor((remainingTime % (60 * 1000)) / 1000).toString().padStart(2, '0');
console.log(`倒计时: ${minutes}:${seconds}`);
// 重新安排倒计时函数执行,比如每秒更新一次
setTimeout(countdown, 1000);
} else {
// 倒计时结束,这里可以添加相应的结束操作
console.log("倒计时结束!");
}
}
// 开始倒计时
countdown();
```
相关推荐
![7z](https://img-home.csdnimg.cn/images/20210720083312.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)