Javascript /切换/切换/ clearInterval（）-切换关闭时无法清除clearInterval（）
劳伦斯
哇，这是我的第一篇文章！这是编程和编码的新手，这是我从事的第一批项目。我希望能够使用setInterval（）来切换切换以运行代码或停止代码。但是现在我无法在选择切换开关时将其关闭。尝试了很多事情，例如休息；但到目前为止还没有成功。如果你们中的任何一个都可以指出正确的方向，那将是很棒的。
亲切的问候，劳伦斯
HTML中的代码
<card>
<p>Theft Script ON/OFF</p>
<label class="switch">
<input id="executeTheftScript" type="checkbox" > Toggle me
</label>
</card>
用Javascript编写的代码
function theftToggle(){
var isChecked = document.getElementById("executeTheftScript").checked;
if (isChecked) {
var i = setInterval(function(){
if (person1.credits === 0) {
clearInterval(i);
updateStats();
console.log("You don't have any credits.");
} else {
theft();
person1.credits--;
updateStats();
};
}, 500);
} else {
console.log("Your script is stopped.");
}
}
document.getElementById("executeTheftScript").addEventListener('click', theftToggle);
运行代码；
乌宁茶
您需要addEventListener输入，最好在函数外部设置setInterval变量或使其全局化，这样就不会创建重复的setInterval。
var interval;
var person1 = {
credits: 10
}
// listen the input for checked change
document.getElementById("executeTheftScript").addEventListener('change', theftToggle);
function theftToggle() {
var isChecked = document.getElementById("executeTheftScript").checked;
if (isChecked) {
interval = setInterval(function() {
if (person1.credits === 0) {
clearInterval(interval);
updateStats();
console.log("You don't have any credits.");
} else {
theft();
person1.credits--;
updateStats();
}
}, 500);
} else {
clearInterval(interval)
console.log("Your script is stopped.");
}
}
function theft() {}
function updateStats() {
console.log("credits: ", person1.credits);
}<card>
<p>Theft Script ON/OFF</p>
<label class="switch">
<input id="executeTheftScript" type="checkbox"> Toggle me
</label>
</card>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Javascript /切换/切换/ clearInterval（）-切换关闭时无法清除clearInterval（）
- 2
Javascript 单击以切换启动/恢复失败。clearInterval 不起作用
- 3
Javascript切换范围
- 4
Javascript切换菜单
- 5
切换标签的JavaScript
- 6
用Javascript切换
- 7
切换语句-JavaScript
- 8
切换功能JavaScript
- 9
Javascript切换HTML
- 10
无法使用JavaScript切换表单
- 11
无法通过 javascript 切换类
- 12
单击时 Javascript 切换动画
- 13
使用JavaScript在类之间切换
- 14
JavaScript：切换按钮禁用属性
- 15
JavaScript切换技术不好？
- 16
Javascript切换复选框
- 17
用javascript切换div的高度
- 18
音频控件的Javascript按钮切换
- 19
在JavaScript中切换ID名称
- 20
在javascript中切换主题
- 21
iframe在javascript中切换
- 22
在纯JavaScript中切换显示
- 23
JavaScript切换功能并填充SVG
- 24
用javascript切换类
- 25
Javascript切换不起作用
- 26
Javascript切换菜单折叠问题
- 27
JavaScript函数调用（在切换中）
- 28
Javascript切换以显示/隐藏分区
- 29
在JavaScript中切换ID名称
我来说两句