javascript - 如何停止 react 计时器？

Question

我试图在显示通知开始时停止计时器，因为计时器不断添加。但是我在做这件事时遇到了困难。有什么想法吗？

export function displayNotification(msg, bool){
    var d = document.getElementById("notification");
    d.innerHTML = msg;
    d.style.opacity = "1";

    if(bool){d.style.backgroundColor="#77DD77"}
    else{d.style.backgroundColor="rgb(196, 88, 68)"}
    window.setTimeout(function(){
        d.style.opacity = "0";
        d.innerHTML = "";
    },3000);
}

感谢您的帮助!

Answer 1

尝试:

export function displayNotification(msg, bool){
    var d = document.getElementById("notification");
    d.innerHTML = msg;
    d.style.opacity = "1";

    if(bool){d.style.backgroundColor="#77DD77"}
    else{d.style.backgroundColor="rgb(196, 88, 68)"}
    let timer = window.setTimeout(function(){
        d.style.opacity = "0";
        d.innerHTML = "";
    },3000);
    return timer
}

let timer = displayNotification(msg, bool)
clearTimeout(timer)