我有一个回收 jar 头的客户。我们正在为他们开发一个新网站,他们希望在他们的网站上有一个实时的“加工 jar 头”计数器。起始数字(因为他们已经运营了一段时间)将在 50,000,000 左右,并且没有结束数字。
要获得“处理率”,我们可以计算出每年处理的 jar 头数量的平均值,并得到一个时间估算值,例如“每 10 秒 1 个 jar 头”。但是我如何实现“持久”计数器,以便计数器不会在页面加载/刷新时从设定值开始计时?
我是 javascript 和 jQuery 的初学者,但我确实了解编程概念和基础知识,而且我可以阅读脚本并弄清楚发生了什么。任何想法或建议将不胜感激。
最佳答案
以今年年初为例:
var start = new Date(2011, 0, 1); // Note the 0!
计算经过了多少时间:
var elapsed = new Date() - start; // In milliseconds
假设您的速率是每 10 秒 1 jar :
var rate = 1 / 10 / 1000; // Cans per millisecond
计算今年年初以来加工了多少 jar :
var cans = Math.floor(elapsed * rate);
因此,一个简单的设置可能是:
var start = new Date(2011, 0, 1);
var rate = 1 / 10 / 1000;
var base = 50000000;
setInterval(function () {
var cans = Math.floor((new Date() - start) * rate) + base;
$("#cans").text(cans); // I hope you're using jQuery
}, 5000); // update every 5 seconds -- pick anything you like; won't affect result
优化可能是让您的更新间隔与已知速率保持一致,但最好让您的演示文稿更新与速率信息分离。
关于javascript - 如何在站点上实现实时和持久的数字计数器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4879567/