JavaScript 淡入淡出

Posted 2021-05-19

function fadeUp(element, red, green, blue) {
    if (element.fade) {
        clearTimeout(element.fade);
    }
    element.style.backgroundColor = "rgb("+red+","+green+","+blue+")";
    if (red == 255 && green == 255 && blue == 255) {
        return;
    }
    var newred = red + Math.ceil((255 - red)/10);
    var newgreen = green + Math.ceil((255 - green)/10);
    var newblue = blue + Math.ceil((255 - blue)/10);
    var repeat = function() {
        fadeUp(element,newred,newgreen,newblue);
    };
    element.fade = setTimeout(repeat,100);
}