gpt4 book ai didi

javascript - 如何使clearInterval函数起作用

转载 作者:行者123 更新时间:2023-12-03 07:38:11 26 4
gpt4 key购买 nike

我是一个极端的新手,所以对一个公认的愚蠢问题表示歉意。但我研究并尝试了几种方法来使这个功能发挥作用,但似乎无法实现。我正在参加在线类(class),我正在尝试构建一个简单的应用程序,其中图像在屏幕上移动,用户尝试单击它 - 当他们单击图像时,图像消失。我能够构造 setInterval 函数,但无法使clearInterval 函数工作。

(对代码的政治本质表示歉意!只是一点美国政治幽默。无意冒犯!)

<h2>See if you can click on Hillary before she changes her position!</h2>

<p class="bold">This is your time:<span id="time">0</span>s</p>

<div id="box">

<img src="images/hillary.jpg" style="width:100%; height:100%">
</div>

<script type="text/javascript">


var time; var top; var left;

var makeBox;

function makeBox() {

time=Math.random();

time=1000*time;

setInterval(function () {

top=Math.random();

top=top*300;

left=Math.random();

left=left*1000;

document.getElementById("box").style.top=top+"px";

document.getElementById("box").style.left=left+"px";

document.getElementById("box").style.display="block";

createdTime=Date.now();

},time);

}

makeBox();

function myStopFunction() {
clearInterval(makeBox);
}

document.getElementById("box").onclick= function(){

clearInterval(makeBox);

this.style.display="none";


};

</script>

贾斯汀

最佳答案

为了清除计时器,您需要首先存储它。当您使用 setInterval 创建间隔时,您应该将其返回值存储在变量中。然后,当您调用 clearinterval 时,传入变量。

以下代码片段包含您需要的内容:

var myTimer;

function makeBox() {

time=Math.random();

time=1000*time;

myTimer = setInterval(function () {

top=Math.random();

top=top*300;

left=Math.random();

left=left*1000;

document.getElementById("box").style.top=top+"px";

document.getElementById("box").style.left=left+"px";

document.getElementById("box").style.display="block";

createdTime=Date.now();

},time);

}

makeBox();

function myStopFunction() {
clearInterval(myTimer);
}

关于javascript - 如何使clearInterval函数起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35524861/

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