js延时动画插件

function animate(element, targetStyle, duration, delay) {
    setTimeout(() => {
        let start = performance.now();
        let initialStyle = window.getComputedStyle(element);
        let targetValue = targetStyle.value;
        requestAnimationFrame(function animateTime(time) {
            let elapsed = time - start;
            let progress = Math.min(elapsed / duration, 1);
            element.style[targetStyle.property] = initialStyle[targetStyle.property] + (targetValue - initialStyle[targetStyle.property]) * progress + (targetStyle.property === 'opacity' ? '' : 'px');
            if (progress < 1) {
                requestAnimationFrame(animateTime);
            }
        });
    }, delay);
}

let box = document.getElementById('box');
animate(box, { property: 'left', value: '500' }, 2000, 1000);