javascript - 当我锁定手机时,计时器停止
问题描述
我在javascript中有一个计时器,当我锁定手机时,计时器仍然计数几分钟,然后停止。如果我解锁手机,计时器开始计数。有没有什么方法可以让手机屏幕关闭时定时器仍然计数?
<script>
var seconds=0;
function pad(val) { return val > 9 ? val : "0" + val; }
if(sessionStorage.getItem("self.totalSeconds") != null ){
$("#min").text(pad(Math.floor(sessionStorage.getItem("self.totalSeconds") / 60 % 60)));
$("#sec").text(pad(parseInt(sessionStorage.getItem("self.totalSeconds") % 60)));
seconds=parseInt(sessionStorage.getItem("self.totalSeconds"));
}else{
$("#min").text("00");
$("#sec").text("00");
}
var Clock = {
totalSeconds: seconds,
start: function () {
var self = this;
this.interval = setInterval(function () {
if(sessionStorage.getItem("self.totalSeconds") == null ){
self.totalSeconds += 1;
}else{
self.totalSeconds=parseInt(sessionStorage.getItem("self.totalSeconds"));
self.totalSeconds += 1;
}
sessionStorage.setItem("self.totalSeconds", self.totalSeconds);
$("#min").text(pad(Math.floor(sessionStorage.getItem("self.totalSeconds") / 60 % 60)));
$("#sec").text(pad(parseInt(sessionStorage.getItem("self.totalSeconds") % 60)));
}, 1000);
},
pause: function () {
clearInterval(this.interval);
delete this.interval;
},
};
Clock.start();
$('#pauseButton').click(function () {
$("#errorMessage").text("");
$("#errorMessage").hide();
var totalSecondstobeexported = Clock.totalSeconds;
});
</script>
解决方案
推荐阅读
- multithreading - 在 Julia 中使用多线程时,矩阵乘法速度较慢
- django - Django - 基于类的视图问题如何在同一模板中结合 DetailView 和 ListView
- angular - 如何在 HTML 中重叠表格单元格?
- autohotkey - 自动热键 | 正则表达式匹配()。我该怎么做?
- linked-list - leetcode实践:能找到sum方法返回负数的bug
- c# - '无法从程序集'Microsoft.Extensions.Primitives'中加载类型'Microsoft.Extensions.Primitives.InplaceStringBuilder'
- html - 相当于 IE 的“object-fit:cover”的 CSS 样式
- javascript - 将对象数组转换为另一个结构化对象数组
- javascript - 返回时如何保留值
- winforms - 在 DateTimePicker winform 中禁用日期选择