Javascript 如何正确使用循环和onclick函数实现setInterval？

我学习Javascript，只是想了解如何在不同的情况下使用setInterval。 现在我有问题的情况，请有人告诉我错误在哪里，以及如何正确处理

问题情况：

我想通过单击从计数器和控制台获取新坐标并记录它。 例如，我单击一个按钮，console显示： 0 2000 ms后1 2000 ms后2 2000 ms后3 等等

例如，我们有一个处理坐标的函数，只需控制台日志即可：

var showUs = function(coordinate){

console.log(coordinate)
}

另一个功能是增加它的计数器：

var increase = function(){

    for(var i = 0; i < 50; i+=1){
       showUs(i);
     }
  }

---

刚刚注意到你的更新。如果您想这样做，请尝试以下方法：

var somebutton=document.getElementById（'somebutton'）；
var showUs=功能（坐标）{
console.log（坐标）
}
变量增加=函数（）{
var i=0；
var si=setInterval（函数（）{
如果（i<50）{
showUs（i）；
i++；
}否则{
净间隔（si）；
}
}, 2000);
}
somebutton.onclick=函数（）{
增加（）；
}

你问的有点不清楚，因为我们不知道你想做什么，我确实编辑了我的帖子：我想通过单击获得新的坐标表格计数器并控制台记录。我想通过单击控制台记录循环中的下50个数字。我不知道该怎么做。

somebuttom.onclick = function(){

   setInterval(function(){ increase() }, 2000);
}

var somebutton = document.getElementById('somebutton');

var showUs = function(coordinate){

console.log(coordinate)
}

var increase = function(){
    var i = 0;
    var si = setInterval(function(){
        if(i < 50){
             showUs(i);
             i++;
        }else{
             clearInterval(si);   
        }
    }, 2000);
}

somebutton.onclick = function(){
  increase();
}