是否可以在Javascript中添加转换（如CSS）？

我有一个Javascript代码，当鼠标悬停在HTML元素上时会显示工具提示。现在我想给这个元素一个大约6毫秒的延迟。在CSS中，使用transition命令非常简单。但是，我没有在Javascript中找到转换样式命令。有解决方案吗？或者我必须换成另一种编程语言吗

Javascript代码：

var bghtooltipin = document.getElementById('bgh-tooltipin1');
var bghtooltipout = document.getElementById('bgh-tooltipout1');
bghtooltipin.addEventListener('mouseover', bghtooltipinmouseOver);
bghtooltipin.addEventListener('mouseout', bghtooltipoutmouseOut);

function bghtooltipinmouseOver() {
  bghtooltipout.innerHTML = 'Go to Login';
  bghtooltipout.style.color = "white";
  bghtooltipout.style.top = "0";
}

function bghtooltipoutmouseOut() {
  bghtooltipout.innerHTML = ' ';
  bghtooltipout.style.top = "-99999px"
}

---

您可以使用以下内容：

---

bghtooltipout.style.transition=“所有6s”
类似的东西是Vanila JS

bghtooltipout.style.transition = "all 2s";

有两种解释“延迟”的方法。我将向您展示如何执行这两种实现

耽搁。
6毫秒将过去，然后过渡将开始。在JavaScript中，这是通过以下方式完成的：
setTimeout（函数（）{
//代码在这里
}，延迟（单位：毫秒）；

持续时间。
如果希望动画持续6毫秒，则应执行以下操作：

const-element=document.querySelector（“#testthing”）；
元素addEventListener（“mouseover”，function（））{
this.style.opacity=“0”；
this.style.transition=“不透明度0.6s”；
});
元素。addEventListener（“mouseout”，function（）{
this.style.opacity=“1”；
this.style.transition=“不透明度0.6s”；
});
#测试{
宽度：100px；
高度：100px；
背景：红色；
}
可以使用
setTimeout
。您的代码有效吗？或者，除了6毫秒的延迟，它还能工作吗？