[英]How to implement a live and persistent number counter on a site
我有一个回收罐头的客户。 我们正在为他们开发一个新的网站,他们希望在他们的网站上有一个现场“罐头处理”柜台。 起始编号(因为它们已运行一段时间)将大约为50,000,000,并且没有结束编号。
为了获得“过程费率”,我们可以平均每年处理的罐数,并获得时间估计,例如“每10秒1罐”。 但是,我如何实现一个“持久”计数器,以便计数器不会在页面加载/刷新时从设定值开始计时?
我是javascript和jQuery的初学者,但我确实理解编程概念和基础知识,我可以阅读脚本并弄清楚发生了什么。 任何想法或建议将非常感激。
今年年初:
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
优化可以是使更新间隔与已知速率保持一致,但最好是将演示文稿更新与速率信息分离。
我想我会得到当前的时代
var msecs = (new Date()).getTime();
然后根据使用的数量计算罐头的数量
var total_number = base_number + (msecs - start_date) / msecs_per_can;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.