前端1分钟倒计时代码
时间: 2023-08-24 15:05:06 浏览: 118
倒计时代码
4星 · 用户满意度95%
可以使用JavaScript来实现1分钟倒计时,代码如下:
HTML代码:
```html
<div id="timer">1:00</div>
```
JavaScript代码:
```javascript
var timeLeft = 60; // 倒计时时间,单位为秒
var countdownTimer = setInterval(function(){
timeLeft--;
var seconds = timeLeft % 60;
var minutes = Math.floor(timeLeft / 60);
var timer = document.getElementById("timer");
timer.innerHTML = minutes + ":" + (seconds < 10 ? "0" : "") + seconds;
if (timeLeft <= 0){
clearInterval(countdownTimer);
timer.innerHTML = "时间到!";
}
}, 1000);
```
这段代码会在页面中创建一个id为"timer"的元素,显示1分钟的倒计时。当倒计时结束时,会在页面中显示"时间到!"。
阅读全文