用js制作一个当前2小时零1分钟后的定时器
时间: 2024-05-15 16:16:31 浏览: 12
以下是用JavaScript编写的计时器代码,它将在2小时零1分钟后停止:
```javascript
// 获取现在的时间戳
var now = new Date().getTime();
// 计算2小时零1分钟后的时间戳
var target = now + 2 * 60 * 60 * 1000 + 1 * 60 * 1000;
// 更新页面上的计时器
setInterval(function() {
// 获取现在的时间戳
var now = new Date().getTime();
// 计算剩余时间
var timeLeft = target - now;
// 计算小时、分钟和秒数
var hours = Math.floor(timeLeft / (60 * 60 * 1000));
var minutes = Math.floor((timeLeft % (60 * 60 * 1000)) / (60 * 1000));
var seconds = Math.floor((timeLeft % (60 * 1000)) / 1000);
// 更新页面上的计时器
document.getElementById("timer").innerHTML = hours + "小时 " + minutes + "分钟 " + seconds + "秒";
// 如果计时器已经结束,停止更新
if (timeLeft < 0) {
clearInterval();
document.getElementById("timer").innerHTML = "计时器已结束!";
}
}, 1000);
```
需要在HTML中添加一个具有"id"属性的元素,该元素将显示计时器。例如:
```html
<div id="timer">计时器</div>
```
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://img-home.csdnimg.cn/images/20210720083646.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.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)
![](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)