我有一个在悬停按钮时移动框的功能。我希望该功能每秒钟重复一次，只要鼠标悬停在按钮上即可。我也尝试过循环，但无法正常工作。如果您对此有所了解，我将非常感谢。
这是我的代码：
<!DOCTYPE html>
<head>
<style>
#box {
position: relative;
top: 20px;
left: 10px;
width: 50px;
height: 50px;
background:#333366;
}
</style>
<script>
function Start() {
setInterval(Move('box'),1000);
}
var value = 0;
function Move(element) {
value += 50;
var box = document.getElementById(element);
box.style.transition = "left 0.2s ease-in-out 0s";
box.style.left = value+'px';
}
</script>
</head>
<body>
<button onmouseover="Start();">Hover to move</button>
<div id="box"></div>
</body>
</html>
最佳答案
用这个：
setInterval(function(){
Move('box')
},1000);
您必须将一个函数传递给setInterval。您实际上是在调用Move并传递其返回值。
关于javascript - 在鼠标悬停时多次运行javascript函数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17196262/