Question

我们有一个网站，在头版我们显示“包裹运送”，我们喜欢通过公式更新的数字 - 即我们在2014年发运了34,502,233个包裹...我们展示静态统计....但我们希望通过一个增加第二/分钟数量的公式来增加数字

感谢所有回复人员 - 所以我们目前有这个：gyazo.com/d421a3675884e2610d368c9e60e8acca

我们希望它每分钟增加76次....所以基本上是一个旋转数字 - 我不知道如何实现这一目标。（左数）＆amp;我们希望中间数每分钟增加43次

有谁知道我在哪里可以找到这种伎俩？

Answer 1

这可以使用setInterval()启动一个功能来检查查看自今天以来的时间。然后，乘以评论中提到的增量并将其添加到屏幕截图中的数字。

<强> JS：

function numberWithCommas(x) {
    return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}

function timeSince() {
    var prevTime = new Date(2015,8,8,0,0);
    var thisTime = new Date();
    return (thisTime.getTime() - prevTime.getTime()) / 1000;
}

function parcelCount() {
    var secDiff = timeSince();

    var leftNum = document.getElementById("left");
    var midNum = document.getElementById("mid");
    var leftNumCount = Math.round(((76/60) * secDiff) + 40093794);
    var midNumCount = Math.round(((43/60) * secDiff) + 22874098);

    leftNum.innerHTML = numberWithCommas(leftNumCount);
    midNum.innerHTML = numberWithCommas(midNumCount);
}
parcelCount();
setInterval(parcelCount, 1000);

<强> HTML：

<h3>Left</h3>
<span id="left"></span>

<h3>Mid</h3>
<span id="mid"></span>

演示：http://jsfiddle.net/hopkins_matt/513ng07d/

使用这些答案中的信息来构建：

Answer 2

使用.target增加函数作为第一个参数，ms作为第二个参数。

$('ul#category li label#trigger').click(function() {
    $('.target').hide(500);
});
$('ul#category li label:not(#trigger)').click(function() {
    $('.target').show(500);
});

Answer 3

如果增加是完全随机的，只是一个“前端设计的东西”（对不起，伙计们），你可以使用Javascript中的setInverval()。

它以这种方式工作：每 _s ms，都会调用该函数。如果你有一个增加因子，比如全局常量，你可以做类似的事情：

var myDiv = document.getElementById("myId");
var _mseconds = 1500; // mileseconds
var incFactor = 150;
var handlerInt = setInverval(function() {
 myDiv.innerHTML = incFactor+incFactor; // you can use Math.Random() or something, instead
}, _mseconds);

希望它有所帮助！

创建脚本以增加网站上的数字

3 个答案:

演示：http://jsfiddle.net/hopkins_matt/513ng07d/