答题计时,刷新页面不清除时间,继续计时的js代码demo
时间: 2023-08-16 21:06:24 浏览: 44
以下是一个简单的答题计时器的JS代码示例,它可以在刷新页面后继续计时:
```javascript
// 获取开始计时的时间戳
var startTime = localStorage.getItem("startTime");
if (!startTime) {
startTime = Date.now();
localStorage.setItem("startTime", startTime);
}
// 更新计时器显示
function updateTimer() {
var elapsedSeconds = Math.floor((Date.now() - startTime) / 1000);
var minutes = Math.floor(elapsedSeconds / 60);
var seconds = elapsedSeconds % 60;
document.getElementById("timer").textContent =
minutes.toString().padStart(2, "0") +
":" +
seconds.toString().padStart(2, "0");
}
// 每秒更新计时器
setInterval(updateTimer, 1000);
```
这段代码会在页面加载时检查本地存储中是否保存了开始计时的时间戳,如果没有则设置为当前时间。然后每秒钟更新一次计时器的显示。即使用户刷新页面,计时器也会在上一次计时的基础上继续计时。你只需要在页面上添加一个 `id` 为 `timer` 的元素,代码就能自动更新它的内容。