Может ли кто-нибудь помочь мне поместить этот код в IntersectionObserver? Чтобы он активировался при просмотре, а не приCSS

Разбираемся в 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. Любая помощь будет оценена по достоинству. Спасибо.
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «CSS»