Sedbol
@Sedbol

Как этот код записать без использования jQuery?

Как это будет выглядеть на обычном JS?
$('.window').animate({
                right: ((x*100)+(x*8-10)-100)
            }, 1000);
  • Вопрос задан
  • 86 просмотров
Решения вопроса 2
dollar
@dollar
Примерно так:
Код
(()=>{
	let element = document.querySelector('.window');
	if (!element) return;
	let right = parseInt(element.style.right) || 0;
	let right_target = ((x*100)+(x*8-10)-100);
	let tm_start = performance.now();
	let id = setInterval(()=>{
		let diff = Math.min(performance.now() - now, 1000);
		let right_current = Math.round(right + (right_target - right) * diff * 0.001);
		element.style.right = right_current + 'px';
		if (diff >= 1000) clearInterval(id);
	},10);
})();
Ответ написан
@ivan386
document
.querySelectorAll(".window")
.forEach(
	(e)=>{
		e.style.transition = "right 1s";
		e.style.right = `${(x*100)+(x*8-10)-100}px`;
	}
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы