javascript - 稍微延迟启动计数器
问题描述
当我重新加载我的网站时,一个计数器正在运行。我想稍微延迟一下,就像用户打开网站并向下滚动然后计数器开始运行时一样。
$('.counter, .counterplus').each(function() {
var $this = $(this),
countTo = $this.attr('data-count');
$({
countNum: $this.text()
}).animate({
countNum: countTo
}, {
duration: 2000,
easing: 'linear',
step: function() {
$this.text(Math.floor(this.countNum));
},
complete: function() {
$this.text(this.countNum);
//alert('finished');
}
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="count">
<div class="allcount">
<div class="counter" data-count="100">0</div>
<p>Customer support</p>
</div>
<div class="allcount">
<div class="counterplus" data-count="115">0</div>
<p>Happy Customers</p>
</div>
<div class="allcount">
<div class="counter" data-count="100">0</div>
<p>Client Satisfaction</p>
</div>
</div>
解决方案
推荐阅读
- r - 来自 SAS PROC SQL 条件连接的 R
- javascript - 使用角度 Observable 在数组中合并管道
- javascript - 如何输入一个数据,另一个数据自动完成?
- python - 如果我有两个匹配的单词,请单击特定单词链接
- java - loadInBackground() 的返回值传递给谁?
- c - 共享内存中的简单检查返回 SIGSEGV 错误 008b
- php - 表单未收集用户输入,即使我输入了有效的表和列,查询也无法正常工作
- java - 如何使用 Cucumber 和 Rally 集成自动更新 Rally 测试用例?
- bash - 如何在我的 git 环境中修复 pre-commit-msg?
- optimization - 如何使用严格的不等式比较浮点变量?