js定时器怎么暂停

let intervalId;
let isPaused = false;
let startTime;
let remainingTime = 5000; // 假设定时器总时间为5000毫秒

function startInterval() {
    intervalId = setInterval(() => {
        if (!isPaused) {
            console.log('Interval running...');
            remainingTime -= 100; // 假设每次执行减少100毫秒
            if (remainingTime <= 0) {
                clearInterval(intervalId);
            }
        }
    }, 100);
}

function pauseInterval() {
    isPaused = true;
    startTime = Date.now();
}

function resumeInterval() {
    isPaused = false;
    remainingTime -= Date.now() - startTime;
}

startInterval();

// 暂停定时器
setTimeout(() => {
    pauseInterval();
    console.log('Interval paused');
}, 2000);

// 继续定时器
setTimeout(() => {
    resumeInterval();
    console.log('Interval resumed');
}, 4000);

let isPaused = false;
let startTime;
let animationId;

function animate(timestamp) {
    if (!isPaused) {
        console.log('Animating...');
        animationId = requestAnimationFrame(animate);
    }
}

animationId = requestAnimationFrame(animate);

// 暂停动画
setTimeout(() => {
    isPaused = true;
    startTime = Date.now();
    cancelAnimationFrame(animationId);
    console.log('Animation paused');
}, 2000);

// 继续动画
setTimeout(() => {
    isPaused = false;
    animationId = requestAnimationFrame(animate);
    console.log('Animation resumed');
}, 4000);