我正在学习 JS，目前正在准备 MTA 考试，所以我不是您所看到的专家。 我不知道使这段代码反复执行的元素在哪里。
当文档加载时，调用 init()，它获取要移动的元素，然后调用 move_par()
这里函数将元素移动到 300。为什么在执行此操作后它又重新开始？
你能帮忙吗？ 谢谢
这是代码
<!DOCTYPE html>
<html>
<head>
<title> Animation</title>
<script type="text/javascript">
function move_par() {
current += 1;
if (current > 300) {
current = 0;
}
par.style.left = current;
var rate = document.getElementById("rate").value;
setTimeout(move_par, rate);
}
function init() {
par = document.getElementById("ori");
par.style.position = "absolute";
current = 0;
move_par();
}
</script>
</head>
<body onload="init();">
<h1> animation with js</h1>
<form>
<input id="rate" type="number" value="18" min="1" max="100">
</input>
</form>
<p id="ori"> Do you see me moving?</p>
</body>
</html>
最佳答案
第一个动画在调用 move_par(); 的 init() 函数中触发 第二个动画被触发是因为您从 中再次调用该函数code>setTimeout(move_par, rate); 包装器。
关于javascript - 是什么让这段代码一遍又一遍地执行，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29853015/