Halaman

Animasi rotasi dengan javascript

Kucoba membuat animasi rotasi di javascript. Ini dia :


function mcAnimateRotate(mc){

function animate(timestamp) {

if (!startTime) startTime = timestamp;

const elapsed = timestamp - startTime;

var sdt = Math.min(elapsed / duration * 180 , 180);

mc.style.transform = "rotate("+sdt+"deg)";

if (elapsed < duration) {

requestAnimationFrame(animate);

} else {

// jika selesai

}

}

let startTime = null;// perlu di null kan lagi setiap mau di animasi kan

const duration = 1500; // Durasi 0.5 detik dalam milidetik

requestAnimationFrame(animate);

}