Может ли кто-нибудь помочь мне поместить этот код в IntersectionObserver? Чтобы он активировался при просмотре, а не при ⇐ CSS
Может ли кто-нибудь помочь мне поместить этот код в IntersectionObserver? Чтобы он активировался при просмотре, а не при
Поэтому я воспользовался этим руководством на YouTube, чтобы создать круговой индикатор выполнения, который активируется при загрузке страницы. Я бы хотел, чтобы он активировался, когда появляется круговой индикатор выполнения, поскольку он находится внизу страницы.
let ProgressBar = document.querySelector(".circular-progress"); let valueContainer = document.querySelector(".value-container"); пусть ProgressValue = 0; пусть ProgressEndValue = 65; пусть скорость = 50; пусть прогресс = setInterval(() => { ПрогрессЗначение++; valueContainer.textContent = `${progressValue}%`; ProgressBar.style.background = `conic-gradient( #FBDA9D ${progressValue * 3,6}град, #683279 ${progressValue * 3,6}град. )`; if (progressValue == ProgressEndValue) { ClearInterval (прогресс); } }, скорость); Я пока не совсем понимаю, как работает JavaScript, и не знаю, как заставить это работать с пересечениемObserver. Любая помощь будет оценена по достоинству. Спасибо.
Поэтому я воспользовался этим руководством на YouTube, чтобы создать круговой индикатор выполнения, который активируется при загрузке страницы. Я бы хотел, чтобы он активировался, когда появляется круговой индикатор выполнения, поскольку он находится внизу страницы.
let ProgressBar = document.querySelector(".circular-progress"); let valueContainer = document.querySelector(".value-container"); пусть ProgressValue = 0; пусть ProgressEndValue = 65; пусть скорость = 50; пусть прогресс = setInterval(() => { ПрогрессЗначение++; valueContainer.textContent = `${progressValue}%`; ProgressBar.style.background = `conic-gradient( #FBDA9D ${progressValue * 3,6}град, #683279 ${progressValue * 3,6}град. )`; if (progressValue == ProgressEndValue) { ClearInterval (прогресс); } }, скорость); Я пока не совсем понимаю, как работает JavaScript, и не знаю, как заставить это работать с пересечениемObserver. Любая помощь будет оценена по достоинству. Спасибо.
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение