如何在单击时停止函数的执行
在单击时停止函数的执行可以通过以下几种方式实现：
- 使用标志位：在函数中设置一个标志位，当单击事件触发时，将标志位设置为true，函数中使用循环判断标志位的值，如果为true则停止执行。示例代码如下：
let stopExecution = false;
function myFunction() {
// 函数执行的代码
while (!stopExecution) {
// 循环执行的代码
}
}
document.getElementById("myButton").addEventListener("click", function() {
stopExecution = true;
});- 使用setTimeout函数：在函数中使用setTimeout函数来延迟执行函数的代码，当单击事件触发时，清除setTimeout的定时器，从而停止函数的执行。示例代码如下：
let timeoutId;
function myFunction() {
// 函数执行的代码
timeoutId = setTimeout(function() {
// 延迟执行的代码
}, 0);
}
document.getElementById("myButton").addEventListener("click", function() {
clearTimeout(timeoutId);
});- 使用Promise对象：在函数中使用Promise对象来控制函数的执行，当单击事件触发时，reject Promise对象，从而停止函数的执行。示例代码如下：
let stopExecution = false;
function myFunction() {
// 函数执行的代码
return new Promise(function(resolve, reject) {
if (!stopExecution) {
resolve();
} else {
reject();
}
});
}
document.getElementById("myButton").addEventListener("click", function() {
stopExecution = true;
});以上是三种常见的停止函数执行的方法，具体使用哪种方法取决于具体的需求和场景。
相关·内容
2回答
为什么承诺在事件发生前就解决了？
javascript
const first = document.getElementById('first');
const second = document.getElementById('second');
first.addEventListener('click', (e) => {
console.log('fist click start');
wait(10000);
new Promise((resolve, reject) => {
resolve('resolve promise&
浏览 4提问于2017-11-10得票数 1
回答已采纳
6回答
Javascript承诺像我所期望的那样进行大量的工作
javascript
我试着理解承诺，在这里有点困惑。我在玩不同的场景，我堆在其中一个场景上。为什么let third = function()不等待let second = function()停止计数？
let first = function () {
return new Promise(function (resolve, reject) {
setTimeout(function () {
console.log('first');
resolve()
}, 3000)
})
}
let
浏览 0提问于2019-09-16得票数 0
回答已采纳
2回答
如何在未在executor函数中添加事件处理程序的情况下使用“click”事件的承诺？
javascript、ecmascript-6、promise
编辑:试图澄清这个问题并缩短它--我会输入一些代码来证明我试图解决这个问题，但我认为它只是混淆了一些事情。
我是一个应许的新手，我试图转换一些现有的代码(这是相当简单的)与承诺工作。
我希望使用承诺将按钮单击链接到程序的其他部分，也就是说，我希望将单击视为异步事件(例如，类似于ajax调用)。一个人是怎么做到的？
从MDN文档来看，一个承诺基本上是这样工作的
function myAsyncFunction(url) {
return new Promise((resolve, reject) => {
const xhr = new XMLHttpRequest();
浏览 2提问于2018-06-23得票数 5
回答已采纳
2回答
TypeError:无法读取setTimeout()中未定义的属性“then”
javascript、vue.js、promise
为什么在解析()中的承诺时，得到TypeError“TypeError:不能读取未定义的”的属性‘那么’？与下面的示例一样，调用updateOrder2()，其中的承诺被包装在setTimeout()中，返回错误。
HTML：
<input type="text" @change="validateInput(product)"/>
在Vue.js中
validateInput(product) {
this.updateOrder1(product).then(response => {
console.log(respons
浏览 3提问于2021-06-26得票数 0
回答已采纳
2回答
使用JavaScript向事件侦听器添加冷却时间
javascript、function、addeventlistener
在JavaScript函数中，我有以下代码：
clicker1.addEventListener("click", nextImage, true);
问题是，当快速单击此事件的按钮时，它会导致错误。
我需要让它，所以一旦按钮被点击那里，是一个延迟，那里的点击事件没有运行该函数。
浏览 1提问于2018-12-26得票数 0
回答已采纳
2回答
暂停javascript异步函数，直到用户执行操作
javascript、ecmascript-6、async-await、es6-promise
我有异步函数，我想让它执行到某个点，暂停执行，并在用户进行特定操作(例如单击按钮)时恢复执行函数的其余部分。我试过这个：
let changed = false;
let promise = new Promise(function(resolve, reject){
if(changed){
resolve('success');
}else{
reject('failure');
}
});
async function test(){
console.log('functi
浏览 1提问于2017-07-28得票数 4
回答已采纳
2回答
使用addEventListener单击元素时隐藏元素
javascript、html、click、hide、addeventlistener
我想要隐藏HTML web的元素，当你点击它们时，使用元素上的addEventListener。
我有这样的代码：
$<!DOCTYPE html>
<html>
<body>
<h2 id='demo'>ELEMENT 1()</h2>
<button id="demo1" style="height:200px;width:200px">ELEMENT 2</button>
<p id="demo2">EL
浏览 0提问于2018-10-25得票数 0
6回答
如何取消JavaScript睡眠？
javascript、asynchronous、promise
此函数用于等待millis的秒数。
function delay(millis: number) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve();
}, millis);
});
我的目标是返回这个函数的超时吗？
const timeout = await delay(20000);
点击其他地方，用户厌倦了等待。
clearTimeout(timeout)
浏览 2提问于2020-05-22得票数 1
回答已采纳
1回答
节点，如何在同步代码上超时？
javascript、node.js、multithreading、asynchronous、timeout
我目前正在寻找一种使用节点对同步JavaScript代码进行超时的方法。
简单地说，我有一个同步代码，它花费的时间太长(例如:无限循环)。我很想停止它的奔跑。
异步函数
我找到了一种在异步调用上使用带有自定义Promise.race承诺(在Xxx毫秒后结束)的方法。对于异步函数，代码如下：
function timeoutIt(fun, timeMs) {
return Promise.race([
fun(),
new Promise((resolve, reject) => setTimeout(reject,
浏览 0提问于2018-02-10得票数 0
1回答
setTimeout inside Promise vs setTimeout
javascript、promise、callback
我知道setTimeout()内部的回调函数将等待，直到附加到它的计时器到期，并被推入回调队列。另一方面，一旦承诺被实现或被拒绝，它的回调就会被推送到具有更高优先级的微任务队列中。 我的问题是哪一次更快: promise中的setTimeout还是简单的setTimeout。如果前一个不再放在微任务队列中，为什么setTimeout首先单独运行，而不是相反？ setTimeout(() => {
console.log('timeout');
}, 1000);
let promise = new Promise(function(resolve, rejec
浏览 13提问于2021-10-20得票数 1
2回答
jquery onchange设置超时
javascript、jquery、settimeout
我想当用户更改输入字段中的数量时触发某些代码。但当用户使用小向上和向下箭头来快速增加和减少数量时。比如按5次就到了5次，我不想让代码触发5次。所以我想设置一个计时器。当检测到on change事件时，它将等待1秒或等待on change停止。然后获取最新的值。
因此，有没有一种方法可以在短时间内检测到多个变化，而不是什么都没有。然后，如果变化发生了，并且在x之后没有发生更多的变化。想点儿办法吧。
$("#quantity").on('change',function(){
setTimeout(function(){
console.l
浏览 24提问于2017-02-21得票数 1
回答已采纳
4回答
如何使用承诺链接CSS动画？
javascript、ecmascript-6、css-animations、es6-promise
我试图弄清楚Promise是如何工作的，并制作一个又一个的CSS动画。但他们同时跑..。
let move_boxes = () => {
return new Promise( (resolve, reject) => {
resolve ('boxes moved!')
})
};
let move_box_one = () => {
return new Promise( (resolve, reject) => {
resolve (document.getElementById('
浏览 7提问于2020-03-14得票数 4
回答已采纳
2回答
当某人停止输入1秒时触发函数。
javascript、dom-events
我有一个输入字段，当有人开始打字时，它会生成自动建议。用户不需要模糊或点击提交按钮，建议就会出现。
当有人停止输入时，我想运行一个函数来跟踪向用户显示了哪些产品，以及当前输入字段中的文本字符串。
我添加了一个“输入”事件侦听器，但我无法正确地理解我的逻辑。
如果从上一个输入事件开始至少1秒，我想要doStuff()。问题是我的脚本在用户开始输入后触发，因为它是基于“change”事件侦听器的。
我想一定有比现在更符合逻辑的方法。
另外，我担心“输入”事件会影响用户浏览器，因为它在每次击键时都在运行，也许有更好的方法吗？
不情愿地在下面显示我的代码块，尽管它没有多大意义，而且是我较弱的脚本编写阶
浏览 12提问于2016-10-19得票数 1
回答已采纳
1回答
JavaScript任务调度、宏任务和微任务
javascript、event-handling
来自的博客
小提琴(点击嘿)：
HTML：
<div class="outer">
<div class="inner"></div>
</div>
联署材料：
// Let's get hold of those elements
var outer = document.querySelector('.outer');
var inner = document.querySelector('.inner');
// Let's listen for attr
浏览 2提问于2017-07-03得票数 0
回答已采纳
3回答
监听promise何时在executor函数内部解析
javascript、node.js、es6-promise
return new Promise(function(resolve, reject {
const to = setTimeout(function(){
});
});
假设我想要确保从executor函数内部清理资源。
我想做这样的事情：
return new Promise(function(resolve, reject {
const to = setTimeout(function(){
});
this.finally(function(){
clearTimeout(to);
浏览 0提问于2018-04-28得票数 0
5回答
如何在setTimeout()完成运行之前停止其他代码的运行？
javascript、settimeout、event-listener
我正在做一个简单的记忆卡游戏。如果你连续点击两张相同的卡片，它们会保持打开状态。如果你连续点击两张不同的牌，它们都会在1.5秒内结束。为此，我使用setTimeout()；但是，如果在1.5秒内用户单击任何其他卡，事件侦听器函数将再次开始运行，而setTimeout尚未完成第一次运行。这会使游戏崩溃。如何防止其他代码在setTimeout首次运行完成之前一直运行？任何建议都是非常感谢的！
const cards = document.querySelectorAll('.container__small');
let hasFlippedCard = false;
let fi
浏览 1提问于2018-10-16得票数 1
1回答
为什么我的addEventListner不能作为onclick事件工作
javascript、html
<!DOCTYPE html>
<html>
<body>
我想使用带单击事件的循环函数在myFunction1和myFunction2之间切换
<p id="demo">Click me.</p>
<p id="demo1">Click me.</p>
在此脚本中，我使用了addeventlistner函数
<script>
document.getElementById("demo").addEventListener("c
浏览 0提问于2018-12-08得票数 0
2回答
为什么我必须按两次按钮才能发生这个事件- javascript？
javascript
上下文：目标:模仿gmail中的cancel发送电子邮件按钮。当前的问题:我必须点击Cancel按钮两次才能工作。
Detail：下面的代码创建一个Send按钮。点击后，一个倒计时段落将显示，并开始计数从10下降到0，该按钮将从Send更改为Cancel。Cancel按钮应该在单击按钮后立即显示消息(Sent email has been recalled!)。但是，目前，我必须单击Cancel按钮两次，才能显示召回消息。我想知道哪一行代码会导致问题？
代码低于
<!DOCTYPE html>
<html lang="en">
<head>
浏览 6提问于2022-05-10得票数 0
3回答
Javascript Promise.all没有最后显示
javascript、promise
我有几个函数来回报你的承诺。
有一个开始函数，它执行另一个函数。
因为这些都是承诺，而且我正在使用Promise.all，理论上，Promise.all只应该在完成所有其他承诺之后才显示出来。
以下是代码：
arr = [];
function start() {
var aPromiseMain = new Promise((resolve, reject) => {
myfunction();
arr.push('start');
resolve(console.log('I am start'))
})
retu
浏览 0提问于2018-07-02得票数 0
回答已采纳
1回答
收到匹配regex的消息后解除绑定事件
javascript、node.js、asynchronous、promise
通常，监听事件一旦使用once就足够容易了。
mySocket.once('connect', () => console.log('connected!'));
我要做的是侦听与正则表达式匹配的数据。当接收到匹配的数据时，我希望解除绑定事件侦听器并解析消息。我找不到任何简单的方法来做这件事。最好是，我想在函数的末尾返回一个promise，这是我的一个尝试：
listenOnce(regex) {
let listener;
let timeoutId;
return new Promise((resolve, reject) => {
浏览 1提问于2015-12-04得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
