javascript - 如何在页面加载时开始执行 javascript 代码?
问题描述
我有一个计数器 javascript 代码。它工作正常,但我希望计数器开始执行 onscroll 但不知道该怎么做。有什么帮助吗?
<script type="text/javascript">
$(document).ready(function () {
var dataval = parseInt($('.progress').attr("data-amount"));
if (dataval < 100) {
$('.progress .amount').css("width", 0 + dataval + "%");
}
function modifyProgressVal(type) {
dataval = parseInt($('.progress').attr("data-amount"));
if (type == 1)
dataval = Math.min(100, dataval + 10)
else if (type == -1)
dataval = Math.max(0, dataval - 10);
$('.progress .amount').css("width", 100 - dataval + "%");
$('.progress').attr("data-amount", dataval);
}
});
</script>
解决方案
您可以像这样在文档上添加滚动事件侦听器:
document.addEventListener("scroll", () => {
// execute code on scroll
});
推荐阅读
- forms - Saving Form Data to Custom Table
- selenium - Retrieve output log when test fails during setup
- regex - Azure 静态网站的 URL 应该没有尾随 /
- erlang - 如何从 Erlang/Elixir 中的 ets 集中选择一个随机元素?
- android - 将文本放在 CircularProgressIndicator 的中心
- excel - Excel 饼状图,第二个饼图总和为 100%
- git - 在本地而不是从在线 github 存储库中删除文件
- android - 颤振范围错误:无效值:....,包括:-1
- tensorflow - 对象检测上的 Sigmoid 与 Softmax 交叉熵
- ios - 快速检测从照片库中删除的图像