@ArtYarm

Как сделать так, чтобы каждую секунду менялся цвет?

particlesJS("particles-js", {
	particles: {
		number: { value: 140, density: { enable: true, value_area: 800 } },
		color: { value: "#fff" },
		shape: {
			type: "circle",
			stroke: { width: 0, color: "#fff" },
			polygon: { nb_sides: 5 },
			image: { src: "img/github.svg", width: 100, height: 100 },
		},
		opacity: { value: 0.5, random: false, anim: { enable: false, speed: 1, opacity_min: 0.1, sync: false } },
		size: { value: 3, random: true, anim: { enable: false, speed: 40, size_min: 0.1, sync: false } },
		<b>line_linked</b>: { enable: true, distance: 150, <b>color</b>: "#555", opacity: 0.4, width: 2 },
		move: {
			enable: true,
			speed: 6,
			direction: "none",
			random: false,
			straight: false,
			out_mode: "out",
			bounce: false,
			attract: { enable: false, rotateX: 600, rotateY: 1200 },
		},
	},
	interactivity: {
		detect_on: "canvas",
		events: { onhover: { enable: true, mode: "repulse" }, onclick: { enable: true, mode: "push" }, resize: true },
		modes: {
			grab: { distance: 400, line_linked: { opacity: 1 } },
			bubble: { distance: 400, size: 40, duration: 2, opacity: 8, speed: 3 },
			repulse: { distance: 200, duration: 0.4 },
			push: { particles_nb: 4 },
			remove: { particles_nb: 2 },
		},
	},
	retina_detect: true,
});
var count_particles, stats, update;
stats = new Stats();
stats.setMode(0);
stats.domElement.style.position = "absolute";
stats.domElement.style.left = "0px";
stats.domElement.style.top = "0px";
document.body.appendChild(stats.domElement);
count_particles = document.querySelector(".js-count-particles");
update = function () {
	stats.begin();
	stats.end();
	if (window.pJSDom[0].pJS.particles && window.pJSDom[0].pJS.particles.array) {
		count_particles.innerText = window.pJSDom[0].pJS.particles.array.length;
	}
	requestAnimationFrame(update);
};


Вот есть linked__color. Надо чтобы в его значение color каждую секунду заносилось новое значение.

Думаю должно быть примерно как этот код:

let colors = ['red', 'pink', 'coral', 'orange', 'yellow' ,'green'];
let index = 0;

function changeColor() {
  p.style.setProperty('background-color', colors[index++]);
  index %= colors.length;
}

let interval = setInterval(changeColor, 1000);
  • Вопрос задан
  • 166 просмотров
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
Ваш код работает, меняет цвет.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы