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

Question

[Sedbol]

Как это будет выглядеть на обычном JS?

$('.window').animate({
                right: ((x*100)+(x*8-10)-100)
            }, 1000);

Answer 1

[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);
})();

Answer 2

[ivan386]

document
.querySelectorAll(".window")
.forEach(
	(e)=>{
		e.style.transition = "right 1s";
		e.style.right = `${(x*100)+(x*8-10)-100}px`;
	}
);

Answer 3

[Владислав Лысков]

Никак, в js нет такого метода