Question

我有一个回收罐头的客户。我们正在为他们开发一个新的网站，他们希望在他们的网站上有一个现场“罐头处理”柜台。起始编号（因为它们已经运行了一段时间）将大约为50,000,000，并且没有结束编号。

要获得“过程费率”，我们可以平均每年处理的罐数，并获得时间估计，例如“每10秒1罐”。但是我如何实现一个“持久”计数器，以便计数器在页面加载/刷新时不会从设定值开始计时？

我是javascript和jQuery的初学者，但我确实理解编程概念和基础知识，我可以阅读脚本并弄清楚发生了什么。任何想法或建议都将非常感激。

Answer 1

今年年初：

var start = new Date(2011, 0, 1); // Note the 0!

计算已经过了多长时间：

var elapsed = new Date() - start; // In milliseconds

假设你的速度是每10秒1罐：

var rate = 1 / 10 / 1000; // Cans per millisecond

计算自今年年初以来处理的罐数：

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

http://jsfiddle.net/eKDXB/

优化可能是让您的更新间隔与已知费率保持一致，但最好将您的演示文稿更新与费率信息分开。

Answer 2

我想我会用

获得当前时代

var msecs = (new Date()).getTime();

然后使用

计算罐头的数量

var total_number = base_number + (msecs - start_date) / msecs_per_can;

如何在站点上实现实时和持久数字计数器

2 个答案: