blocks|key|1914237|text|更新：正如其他人指出的，我之前的解决方案是完全错误的。我将其替换为setInterval/clearInterval方法(为了正确起见-其他人已经指出了更好的/类似的解决方案)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|1914238|$(document).ready(function(){

++++var+start+=+setInterval(
++++++++function+Start(){
++++++++++++//+Do+Stuff+on+Ready
++++++++},
++++++++someReasonableTimeFrame
++++);

++++$(document).on("click",".ExampleClick",function()+{
++++++++//+When+this+is+fired,+function+Start()+should+stop+running
++++++++clearInterval(start);
++++});

});|code-block|syntax|javascript|1914239|entityMap^0|0|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Update: as others pointed out, my previous solution was entirely wrong. I'm replacing it with the setInterval/clearInterval approach (for the sake of correctness - others have already pointed out better/similar solutions):

<pre><code>$(document).ready(function(){

 var start = setInterval(
 function Start(){
 // Do Stuff on Ready
 },
 someReasonableTimeFrame
 );

 $(document).on("click",".ExampleClick",function() {
 // When this is fired, function Start() should stop running
 clearInterval(start);
 });

});
</code></pre>

blocks|key|892544|text|如果Start永远循环，你的浏览器就会挂起。JavaScript函数不能真正并行运行。假设Start确实是某个意味着永远循环的后台进程，您需要重新思考，以便它执行一次，然后调度自己在将来某个时候再次执行，从而允许处理其他事件。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|892545|每次Start执行时，它可以检查on-click处理程序维护的某些状态，以决定它是否应该运行并重新排队：|892546|$(document).ready(function(){

++var+clicked+=+false;

++var+Start+=+function+()+{
++++++if+(clicked)+return;

++++++//+Do+Stuff+on+Ready

++++++setTimeout(Start,+100);
++};

++Start();

++$(document).on("click",".ExampleClick",function()+{
+++++//+When+this+is+fired,+function+Start()+should+stop+running

+++++clicked+=+true;
++});

});|code-block|syntax|javascript|892547|entityMap^0|2|5|19|5|0|2|5|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|W|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|X|8|@]|D|@]|E|$]]]|N|$]]

If <code>Start</code> is looping forever, your browser will hang. JavaScript functions cannot truly run in parallel. Assuming that <code>Start</code> is indeed some background process that is meant to loop forever, you'll need to re-think things so that it executes once and then schedules itself to execute again some point in the future, allowing other events to be handled.

Each time <code>Start</code> executes, it can examine some state maintained by the on-click handler to decide whether or not it should run and enqueue itself again:

<pre><code>$(document).ready(function(){

 var clicked = false;

 var Start = function () {
 if (clicked) return;

 // Do Stuff on Ready

 setTimeout(Start, 100);
 };

 Start();

 $(document).on("click",".ExampleClick",function() {
 // When this is fired, function Start() should stop running

 clicked = true;
 });

});
</code></pre>

blocks|key|1320845|text|你可以用一个setinterval()来虚构一些东西：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1320846|$(document).ready(function(){+

++var+intervalHolder;+++++

++$(function+Start(){+
++++++//+Do+Stuff+on+Ready
++++++intervalHolder+=+setInterval("myTimedFunction()",1000);
++++++//+This+runs+"myTimedFunction()"+every+second
++});+

++$(document).on("click",".ExampleClick",function()+{+
+++++//+When+this+is+fired,+function+Start()+should+stop+running+
+++++clearInterval(intervalHolder);
++});+

});+

function+myTimedFunction()+{
+++//+Do+groovy+things+every+second
};|code-block|syntax|javascript|1320847|这有点原始，但可以达到类似的效果。|1320848|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You could fudge something with a setinterval():

<pre><code>$(document).ready(function(){ 

 var intervalHolder; 

 $(function Start(){ 
 // Do Stuff on Ready
 intervalHolder = setInterval("myTimedFunction()",1000);
 // This runs "myTimedFunction()" every second
 }); 

 $(document).on("click",".ExampleClick",function() { 
 // When this is fired, function Start() should stop running 
 clearInterval(intervalHolder);
 }); 

}); 

function myTimedFunction() {
 // Do groovy things every second
};
</code></pre>

It's a bit primative, but could be worked to acheive a similar effect.

blocks|key|5361224|text|听起来你有一个函数想要重复运行，然后当你点击时停止它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5361225|doStuff+=+function()+{
++++//+stuff+to+do+regularly
}

$(document).ready(function(){

++++//+run+doStuff+every+2+seconds
++++var+jobId+=+window.setInterval(doStuff,+2000);

++++//+store+the+job+id+in+a+jquery+data+object
++++$('body').data("doStuffJobId",+jobId);

++++//+set+up+click+hander+for+css+class+Example+Click
++++$(".ExampleClick").click(function()+{
++++++++//+get+the+job+id
++++++++var+jobId+=+$('body').data("doStuffJobId");
++++++++window.clearInterval(jobId);
++++});

});|code-block|syntax|javascript|5361226|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Sounds like you have a function you want to run repeatedly and then stop it when you click:

<pre><code>doStuff = function() {
 // stuff to do regularly
}

$(document).ready(function(){

 // run doStuff every 2 seconds
 var jobId = window.setInterval(doStuff, 2000);

 // store the job id in a jquery data object
 $('body').data("doStuffJobId", jobId);

 // set up click hander for css class Example Click
 $(".ExampleClick").click(function() {
 // get the job id
 var jobId = $('body').data("doStuffJobId");
 window.clearInterval(jobId);
 });

});
</code></pre>

I have function <code>Start()</code> that is fired on ready. When I click on <code>.ExampleClick</code>, I want to stop function <code>Start()</code> from running. Here is my example...

<pre><code>$(document).ready(function(){

 $(function Start(){
 // Do Stuff on Ready
 });

 $(document).on("click",".ExampleClick",function() {
 // When this is fired, function Start() should stop running
 });

});
</code></pre>

What is the best method to achieve what I am trying to do?

Return False / Stop jQuery Function on click

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个在ready上触发的函数Start()。当我单击.ExampleClick时，我想停止运行函数Start()。这是我的例子..。$(document).ready(function(){  $(function Start(){      // Do Stuff on Ready  });  $(documen...

问单击时返回False /停止jQuery函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击时返回False /停止jQuery函数EN