Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/function/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery-如何使用开始/结束按钮创建函数循环?_Jquery_Function_Loops - Fatal编程技术网

jQuery-如何使用开始/结束按钮创建函数循环?

jQuery-如何使用开始/结束按钮创建函数循环?,jquery,function,loops,Jquery,Function,Loops,我正在寻找一种方法来反复循环一个函数,直到它被一个按钮停止,然后再继续。我在谷歌上搜索了一些结果,但它们仅限于循环一个特定的函数 你有什么办法可以帮我吗 编辑: 它应该能够循环浏览项目列表 <ul> <li> <ul> 过渡应该是淡出,然后淡入下一个li。我认为这应该可以实现 var yourFun = new function(){ this.check = false; this.run(){ if( !this.chec

我正在寻找一种方法来反复循环一个函数,直到它被一个按钮停止,然后再继续。我在谷歌上搜索了一些结果,但它们仅限于循环一个特定的函数

你有什么办法可以帮我吗

编辑:

它应该能够循环浏览项目列表

<ul>
    <li>
<ul>

过渡应该是淡出,然后淡入下一个li。

我认为这应该可以实现

var yourFun = new function(){
   this.check = false;

   this.run(){
     if( !this.check ) {
       //do all your stuff here.
     }
  }
};

$("#button1").click(function(){ yourFun.run(); });

$("#button2").click(function(){ yourFun.check = true; });
这很有效

var runLoop;

$('#start').click(function() {
    runLoop = setInterval(function() {
        console.log('running');
    }, 100); // time in milliseconds between each loop
});

$('#stop').click(function() {
   clearInterval(runLoop);
});
像这样试试

Jquery

$("#pause").click(function (){
if (pause){
    timer = setInterval(function(){$("#content").append("Hello world</br>")},1000);
    pause = false;
}
});
$("#resume").click(function(){
if (!pause){
    pause = true;
    clearInterval(timer);
}
});

您可以使用jQuery的每个函数来启动和停止循环


每个方法都旨在使DOM循环构造简洁且不易出错。调用时,它会迭代作为jQuery对象一部分的DOM元素。每次回调运行时,都会从0开始传递当前循环迭代。更重要的是,回调是在当前DOM元素的上下文中触发的,因此关键字this引用元素。

尝试使用setInterval和clearInterval。发布代码示例这是一个玩笑吗?您正在编辑其他请求!?堆栈溢出不是一种代码编写服务。@JezenThomas不,我的目标是了解它的工作原理,很抱歉,如果我想让你给我写代码,那不是目的。谢谢,我想我现在明白了!我正在努力让另一个脚本工作,而你只是让它更容易理解!为什么-1有人说原因吗