Javascript 函数结束返回到函数之前

抱歉，这可能是个奇怪的问题，标题也很奇怪。 我在Javascript中有这个函数：

function alfred(){
    document.querySelector('.image-7-panel').classList.toggle('notactive');
    document.querySelector('.image-8-panel').classList.toggle('notactive');
    document.querySelector('.background').classList.toggle('alfred-background');
    var text = document.getElementById("heroes");
    if(text.innerHTML !== "Alfred"){
        text.innerHTML = "Alfred";
    } else {
        text.innerHTML = "Heroes are back";
    }
}

但我希望在运行之后，它能回到运行之前的状态。我怎样才能让它运行呢？此函数在单击时运行，单击后另一个函数运行。clearTimeout在这里帮不了我，但是找不到一个正常的解决方案。

---

我们将用真实的例子来解释。单击时，将显示一个图像和关联的名称。我希望在单击之后，图像返回到单击之前的图像，以及nam

而不是仅在“onclick”事件中添加此处理程序，而是在“onmouseup”和“onmouseudown”事件中添加此处理程序

示例

您所说的“回到运行前的状态”是什么意思？再次运行该函数？能否请您重新表述问题末尾的段落并详细说明？“返回到运行前的位置”是什么意思？您提供的代码中没有

clearTimeout

。此外，当函数结束时，函数调用总是在函数调用后的下一行继续进行（除非发生异常）。请为您的问题添加所有解释（使用）-不要将其作为注释发布。如果可能，请添加包含当前运行代码示例的工作代码段。（使用工具栏中的

按钮）

<div onmouseup="alfred()" onmousedown="alfred()">Example</div>