Javascript 未能执行';遵守';在';IntersectionObserver';:参数1的类型不是';元素';
我在遵循代码星形标记的选项时遇到了一个错误,但它是在我的项目的最后一次运行时执行的,但实际上今天它在“IntersectionObserver”上显示“未能执行”“observe”“:参数1不是“Element”类型Javascript 未能执行';遵守';在';IntersectionObserver';:参数1的类型不是';元素';,javascript,html,jquery,reactjs,Javascript,Html,Jquery,Reactjs,我在遵循代码星形标记的选项时遇到了一个错误,但它是在我的项目的最后一次运行时执行的,但实际上今天它在“IntersectionObserver”上显示“未能执行”“observe”“:参数1不是“Element”类型 const counters = document.querySelectorAll(".counter"); function playCounter() { counters.forEach((counter) => { cou
const counters = document.querySelectorAll(".counter");
function playCounter() {
counters.forEach((counter) => {
counter.innerText = 0;
let point = +counter.dataset.count;
let step = point / 100;
let startCount = function () {
let displayCount = +counter.innerText;
if (displayCount < point) {
counter.innerText = Math.ceil(displayCount + step);
setTimeout(startCount, 500);
} else {
counter.innerText = point;
}
};
startCount();
});
}
let counterSection = document.querySelector(".counter_wrapper");
let scope = {
borderMargin: "0px 0px -200px 0px",
};
const sectionObserver = new IntersectionObserver(function (entry) {
if (entry[0].isIntersecting) {
playCounter();
}
}, scope);
**sectionObserver.observe(counterSection);**
const counters=document.queryselectoral(“.counter”);
函数playCounter(){
counters.forEach((计数器)=>{
counter.innerText=0;
让点=+counter.dataset.count;
设步长=点/100;
让startCount=函数(){
让displayCount=+counter.innerText;
如果(显示计数<点){
counter.innerText=Math.ceil(displayCount+step);
setTimeout(startCount,500);
}否则{
counter.innerText=点;
}
};
startCount();
});
}
让计数器检查=document.querySelector(“.counter_wrapper”);
让作用域={
边界边距:“0px 0px-200px 0px”,
};
const sectionObserver=新的IntersectionObserver(函数(条目){
如果(条目[0]。正在进行交互){
播放计数器();
}
},范围);
**分段观察者。观察(反检查)**