javascript - 是否可以在 Javascript 中添加过渡(如 CSS)？

Question

我有一段 Javascript 代码，当鼠标悬停在 HTML 元素上时会显示工具提示。现在我想给这个元素大约 6 毫秒的延迟。在 CSS 中，使用过渡命令非常容易。然而，我在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"
}

Answer 1

你可以使用这样的东西:

bghtooltipout.style.transition = "全部 6";