如何在页面加载时开始执行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>
回答(3)
添加.scroll功能:
$(document).ready(function () {
$(document).scroll(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);
}
}
2 years ago
您可以在文档上添加滚动事件侦听器,如下所示: