JS数字动态累加效果

最新推荐文章于 2022-11-16 18:23:08 发布

sunly_

最新推荐文章于 2022-11-16 18:23:08 发布

阅读量1.4k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/qq_40745143/article/details/121602338

版权

javascript JS数字动态累加

javascript 专栏收录该内容

68 篇文章 8 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>Hello H5</title>
	</head>
	<body></body>
	<script type="text/javascript">
		let num = 0;
		let set = null;
		let speed = 30;// 速度
		let addNum = 5;//每次累加的数值
		let setNum = 100;// 设置总的数值
		let progress = 0;
		set = setInterval(() => {
			if (num >= setNum) {
				num = setNum;
				progress = num;
				clearInterval(set);
			} else {
				num += addNum;
			}
			progress = num;
			console.log('progress：'+progress);
		}, speed);
		
	</script>
</html>

</html>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sunly_

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS数字动态累加效果

<!DOCTYPE HTML><!DOCTYPE HTML><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>Hello H5</title> </head>
复制链接

扫一扫