javascript - 当元素在视图中时如何启动 JavaScript?
问题描述
我的网站上有这个元素,它工作正常,但只设置了一个时间延迟,我希望计数器在元素可见时启动,所以当客户滚动到这个元素时
任何人都可以帮助更新代码,以便在屏幕上可见元素时开始数字吗?理想情况下,我不是开发人员,因此需要复制和粘贴新代码。
HTML
<div id="odometer" class="odometer">1</div>
<div id="odometer2" class="odometer">1</div>
<div id="odometer3" class="odometer">1</div>
JS
<script src="https://github.hubspot.com/odometer/odometer.js"></script>
<script>
setTimeout(function() {
odometer.innerHTML = 351;
}, 3000);
setTimeout(function() {
odometer2.innerHTML = 3684;
}, 4500);
setTimeout(function() {
odometer3.innerHTML = 110520;
}, 5500);
</script>
解决方案
推荐阅读
- java - java.policy 和 catalina.policy 的区别?
- php - 引用另一列的子串后自动填充sql列数据
- javascript - AJAX 添加到购物车代码没有错误,但不能与 PHP MYSQL 一起运行
- html - HTML 移动重定向 - 避免在应用程序中打开
- python - Python regex - 从数字字符开始匹配
- python - python structlog - 我可以动态更改日志级别但仅适用于特定类吗?
- r - 如何在 R 中获取托管在 gitlab 上的远程文件?
- spring-boot - 如何在春季实现通用的、非严格的 http“RequestScope”-like 范围?
- javascript - 为什么`InternalError: too much recursion`每次都发生在不同的深度
- amazon-web-services - 如何编写 S3 存储桶策略以在 s3 存储桶中的文件夹内一次禁用批量删除但允许用户单独下载?