Mat*_*hez 32 javascript scope setinterval clearinterval
我有一个函数,font-family每500毫秒更改一些文本使用setInterval(我只是练习JavaScript.)通过单击"开"按钮调用该函数,并且应该使用单独的按钮清除间隔,"关闭".但是,"关闭"按钮实际上并没有清除间隔,它只是继续.我怀疑这与范围有关,但我不确定如何以其他方式编写它.另外,我不想用jQuery做这个,因为毕竟我正在做这个学习.
<body>
<p><span id="go" class="georgia">go</span> Italian</p>
<p>
<button id="on" type="button" value="turn on">turn on</button>
<button id="off" type="button" value="turn off">turn off</button>
</p>
<script>
var text = document.getElementById("go");
var on = document.getElementById("on");
var off = document.getElementById("off");
var fontChange = function() {
switch(text.className) {
case "georgia":
text.className = "arial";
break;
case "arial":
text.className = "courierNew";
break;
case "courierNew":
text.className = "georgia";
break;
}
};
on.onclick = function() {
setInterval(fontChange, 500);
};
off.onclick = function() {
clearInterval(fontChange);
};
</script>
</body>
Kon*_*nev 56
setInterval 返回一个ID,然后用它来清除间隔.
var intervalId;
on.onclick = function() {
if (intervalId) {
clearInterval(intervalId);
}
intervalId = setInterval(fontChange, 500);
};
off.onclick = function() {
clearInterval(intervalId);
};
该setInterval函数返回一个整数值，它是您创建的“计时器实例”的 id。
这是您需要传递给的整数值 clearInterval
例如：
var timerID = setInterval(fontChange,500);
然后
clearInterval(timerID);
| 归档时间： |
|
| 查看次数： |
92672 次 |
| 最近记录： |