创建一个脚本来增加网站上的数字

Creating a Script To Increase Numbers On Website

本文关键字：网站 增加 数字 本来 脚本 一个 创建      更新时间：2023-09-26

我们有一个网站，在首页我们显示"包裹运送"，我们希望通过公式更新数字-即我们在2014年运送了34,502,233个包裹…我们显示一个静态统计....但我们希望通过一个公式来增加数字，使数字增加秒/分钟

感谢所有的回复，所以我们现在有这个:gyazo.com/d421a3675884e2610d368c9e60e8acca

我们希望它每分钟增加76次....所以基本上是一个旋转的数字-我不知道怎么做到这一点。(左号)&我们希望中间数

每分钟增加43次

有谁知道我在哪里可以找到这种把戏?

使用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/

使用这些答案的信息来构建这个:

  • https://stackoverflow.com/a/2901298/4556503
  • https://stackoverflow.com/a/6636639/4556503

使用递增函数setInterval作为第一个参数，ms作为第二个参数。

var el = document.getElementById('counter')
var x = 0
window.setInterval(function(){
  el.value = formula(++x)
}, 1000)

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

它是这样工作的:每个_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);

希望有帮助!

相关文章：