HTML怎么按键自动计数,Js实现：值自增功能，像计数器 自动加 +1

很多时候，我们想要一个类似于“JavaScript计时器”的功能，能实现值自增+1功能。

这不，今天有一位朋友有一个单产品页面，在下订单页面头部需要做一个“前端”动态显示已有多少人下订单，这个订单数据是动态的，还会一直持续自动增长。(说白了，就是要一个假数据动态显示，增加下订单成功率罢了！)

Js 实现值自增功能， 自动+ 1，页面加载后累加，自加1，JS自动累加函数，自增值函数，像一个计数器那样，数字不停的变化，变化的速率其实可通过 setInterval(updateNum, 1000); 来调整，本代码并不复杂，同样适合Js新手朋友参考。

代码如下：

打开网页后，值自动累加，自动加1

body{text-align:center;font:700 30px/1.5 arial;}

window.onload = function ()

{

var oBody = document.body;

//var oBody = document.getElementById('idauto');

var i = 0;

setInterval(updateNum, 1000);

//setInterval(updateNum, Math.floor(Math.random()*10001));

updateNum();

function updateNum()

{

oBody.innerHTML = ++i

}

}

总结：

为了真实性，我并没有设置成为 1秒(1000毫秒)就 自动+1，每秒自动+1那样感觉太假了。

我用的是：

Math.floor(Math.random()*10001)

我随意多刷新了几下，它基本上返回的是 1000 ~ 10000毫秒的值，对我来说正好。