Javascript 如何在jQuery中实现这一点？

我想把这段代码从JavaScript转换成jQuery

这是当前代码：

var i = 0;
    var start = true;

    document.getElementById("startclick").addEventListener("click", function() {
        if (start) {
            start = false;
            interval = setInterval(function() {
                i++;
                document.getElementById('list').innerHTML += "albastru_" + i + '<br>' ;
            }, 3000);
        } else {
            start = true;
            clearInterval(interval);
        }

    });

var i=0；
var start=true；
document.getElementById（“startclick”）.addEventListener（“单击”，函数（）{
如果（启动）{
开始=错误；
间隔=设置间隔（函数（）{
i++；
document.getElementById（'list'）.innerHTML+=“albastru_”+i+”
；
}, 3000);
}否则{
开始=真；
间隔时间；
}
});

以下是我的尝试：

$x = 0; 
$start = true; 
$(document).ready(function () { 
  $('#buton2').on('click',function () { 
     if($start){ 
       $start = false; 
       $interval = setInterval(function () { 
          $x ++; 
          $('#list').html('<p>albastru_</p>' + $x + '<br>'); }, 1000); 
       } else { 
          $start = true; 
          clearInterval($interval); 
       } 
   }) 
}); 

$x=0；
$start=true；
$（文档）.ready（函数（）{
$（'#buton2'）。在（'click'，函数（）{
如果（$start）{
$start=false；
$interval=setInterval（函数（）{
$x++；
$（'#list'）.html（'albastru
'+$x+'
'）；}，1000）；
}否则{
$start=true；
clearInterval（$interval）；
} 
}) 
}); 

您可以执行以下操作。我假设

startclick

是一个按钮，单击它之后

。append（）

将在3秒钟后将所需数据添加到

#list

div

使用开始和停止按钮更新答案

var i=0；
var start=true；
var区间=null；
$（'#开始单击'）。单击（函数（）{
if（interval！==null）返回；
间隔=设置间隔（函数（）{
i++；
$（“#列表”）.append（“albastru#”+i+”
）；
}, 3000);  
});
$（“#停止”）。单击（函数（）{
间隔时间；
间隔=空；
});



开始
住手请显示您已尝试的内容。这不是免费的代码转换服务，转换非常简单$x=0$开始=真$（document）.ready（function（）{$（'#buton2'）.on（'click'，function（）{if（$start）{$start=false；$interval=setInterval（function（）{$x++；$（'#list'））.html（'albastru
'+$x++'
'）；}，1000）；}else{$start=true；clearInterval（$interval）；}}}）；@charlietfl我是jQuery和编程新手，sry。我不知道为什么它会这样粘贴。谢谢你的回答。但我也希望当我再次单击“开始”时，循环停止。可以从同一个按钮停止吗？@Alex是的，你有上面的代码，玩一下。