gpt4 book ai didi

javascript - 是什么让这段代码一遍又一遍地执行

转载 作者:行者123 更新时间:2023-11-30 12:24:37 25 4
gpt4 key购买 nike

我正在学习 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com