如何避免离开页面时定时器加速元素运动？

document.addeventlistener("visibilitychange", function () {
    if (!document.hidden) {
        // 处于当前页面
        timer = setinterval(() => {
            rotate();
        }, 1000);
        console.log("active");
    } else {
        clearinterval(timer);
        console.log("hidden");
    }
});

var hiddenProperty = 'hidden' in document ? 'hidden' :
    'webkitHidden' in document ? 'webkitHidden' :
        'mozHidden' in document ? 'mozHidden' :
            null;
var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
var onVisibilityChange = function () {
    if (!document[hiddenProperty]) {
        rotate();  // 无间隙旋转
        timer = setInterval(() => {
            rotate();
        }, 1000);
        console.log(hiddenProperty);
    } else {
        clearInterval(timer)
        timer
    }
}
document.addEventListener(visibilityChangeEvent, onVisibilityChange);