请给我一段jQuery编写的计算某时刻到现在已经多久的实时变更代码
时间: 2023-11-28 17:48:44 浏览: 79
精确到毫秒jQuery倒计时代码.zip
以下是一段jQuery编写的计算某时刻到现在已经多久的实时变更代码:
```javascript
$(document).ready(function() {
var startTime = new Date("2021-01-01T00:00:00"); // 设置开始时间
setInterval(function() {
var currentTime = new Date(); // 获取当前时间
var timeDiff = currentTime.getTime() - startTime.getTime(); // 计算时间差(毫秒)
var seconds = Math.floor(timeDiff / 1000); // 计算已经过去的秒数
var minutes = Math.floor(seconds / 60); // 计算已经过去的分钟数
var hours = Math.floor(minutes / 60); // 计算已经过去的小时数
var days = Math.floor(hours / 24); // 计算已经过去的天数
// 更新页面上的时间显示
$("#days").text(days);
$("#hours").text(hours % 24);
$("#minutes").text(minutes % 60);
$("#seconds").text(seconds % 60);
}, 1000); // 每秒更新一次
});
```
在上面的代码中,我们首先定义了一个`startTime`变量,这个变量保存的是开始计时的时间。然后,我们使用`setInterval`函数每秒钟更新一次页面上的时间显示。在每次更新中,我们获取当前时间,并计算出与开始时间的时间差(单位为毫秒)。然后,我们将时间差转换为秒数、分钟数、小时数和天数,并将它们更新到页面上的相应元素中。
在页面上,我们需要添加如下的HTML代码:
```html
<p>已经过去 <span id="days"></span> 天 <span id="hours"></span> 小时 <span id="minutes"></span> 分钟 <span id="seconds"></span> 秒。</p>
```
这样,页面上就会实时显示从指定时间到现在已经过去了多长时间。
阅读全文