如何在此代码中实现setTimeout

Question

这里有一个简单的javascript，它可以通过鼠标悬停和鼠标移出来更改字母的跨度。我想用setTimeout延迟我的鼠标输出，但我还是太新手了。这是代码。感谢您的帮助。

function markedletter() {
this.style.boxShadow = "20px 20px 20px black";
this.style.fontSize = "52pt";
this.style.color = "cyan";
}
function unmarkedletter() {
this.style.boxShadow = "0px 0px 0px transparent";
this.style.color = "white";
}
let elems = document.getElementsByTagName("span");
for (let i = 0; i < elems.length; i++) {
elems[i].addEventListener("mouseover", markedletter, false);
elems[i].addEventListener("mouseout", unmarkedletter, false);
}

上面的一切都很好。我只是不知道如何在这里实现setTimeout。我希望它能在每个字母上延迟鼠标。我做到了尝试一些方法，但我对js还是个新手。

function setup() {
setTimeout(nmarkedlatter, 5000);
}

我创建了这样的函数设置，但它不能单独工作，我不知道如何在循环中实现它，也不知道是否需要。我确实在循环中尝试了一些东西，但甚至语法都不正确，所以我们来了。

Answer 1

将对setTimeout()的调用放在unmarkedletter中。

function unmarkedletter() {
setTimeout(() => {
this.style.boxShadow = "0px 0px 0px transparent";
this.style.color = "white";
}, 5000);
}