Js实现:值自增功能,像计数器 自动加 +1

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

 

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

 

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

 

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>打开网页后,值自动累加,自动加1</title>
<style> 
body{text-align:center;font:700 30px/1.5 arial;}
</style>
<script> 
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	
	}
}
</script>
</head>
<body>
</body>
</html>

 

总结:

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

我用的是:

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

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

    A+
发布日期:2020年10月10日 19:18:56  所属分类:JavaScript
最后更新时间:2020-10-10 19:18:56
付杰
  • ¥ 0.0元
  • 市场价:199.0元
  • ¥ 89.0元
  • 市场价:129.0元
  • ¥ 69.0元
  • 市场价:99.0元
  • ¥ 298.0元
  • 市场价:398.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: