javascript - JavaScript 计时器在页面重新加载时暂停
问题描述
我正在为计时器使用 JavaScript 代码,它可以与下面的代码一起正常工作,唯一的问题是当我刷新页面时会丢失一秒钟。
即使我刷新页面,我也需要计时器继续运行。
我试图让当地时间setHours(00)
没有任何改变。
如何保持计时器运行?
function work(x, id, id_p) {
var span = document.getElementsByClassName('data-work');
for (i = 0; i < span.length; i++) {
var totalsum = span[i].dataset.totalwork;
}
var Clock = {
totalSeconds: parseInt(x),
totalSecondsproject: parseInt(totalsum),
start: function () {
var self = this;
function pad(val) {
return val > 9 ? val : "0" + val;
}
this.interval = setInterval(function () {
self.totalSeconds += 1;
self.totalSecondsproject += 1;
var hour = pad(Math.floor(self.totalSecondsproject / 3600));
var min = pad(Math.floor(self.totalSecondsproject / 60 % 60));
var sec = pad(parseInt(self.totalSecondsproject % 60));
var totat_work = hour + ":" + min + ":" + sec;
var totat_work_db = self.totalSeconds;
$(".totatl_hour_work").text(totat_work);
$.ajax({
type: 'Post',
url: 'includes/function.php',
data: {divVal: totat_work_db, id_interview: id, id_project:id_p}
});
}, 1000);
}
};
$('.startButton').ready(function () {
Clock.start();
var refresh = setInterval(function () {
$(window).attr('location', 'agent_dashboard.php?autorefresh');
}, 300 * 1000);
});
}
解决方案
推荐阅读
- ruby-on-rails - fixture_file_upload & Rack::Test::UploadedFile - ActiveStorage::IntegrityError
- android - EditText 重力影响提示文本但不影响输入文本
- mysql - laravel-translatable:将现有文本列转换为可翻译
- python - 使用 Matplotlib 在两个子图中传播数据
- c++ - 我是 C++ 的初学者,我想知道我的代码中的错误
- c# - ASP.NET Core:AllowSynchronousIO = true per endpoint vs per server
- amazon-web-services - 无法使用 Terraform 在自定义 VPC 中创建 Elastic Beanstalk 应用程序
- c# - 按动态参数排序
- python - 朱莉娅中的分布式微积分与python导入代码:UndefVarError:__anon__未定义
- sql - 通过 SQL 中的多维查找填充列?