Javascript:每3秒执行一个函数,持续1分钟

Javascript:每3秒执行一个函数,持续1分钟,javascript,jquery,Javascript,Jquery,我需要每3秒执行一个函数,最多1分钟。当用户关注输入框时,应调用此函数 我用谷歌搜索过,但大多数都使用了setInterval函数。我知道setInterval可以用于在特定的时间间隔内调用函数。但如果时间达到1分钟,我需要停止 请就此向我提出建议。像这样试试- var time = 0; var interval = setInterval(function(){ // do your stuf time += 3000; if(time >= (1000*60)

我需要每3秒执行一个函数,最多1分钟。当用户关注输入框时,应调用此函数

我用谷歌搜索过,但大多数都使用了setInterval函数。我知道setInterval可以用于在特定的时间间隔内调用函数。但如果时间达到1分钟,我需要停止

请就此向我提出建议。

像这样试试-

var time = 0;
var interval = setInterval(function(){
    // do your stuf
    time += 3000;
    if(time >= (1000*60)){ // one minute
      clearInterval(interval);
    } 
},3000);

在文本框的输入焦点上尝试以下操作:

var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
    clearInterval(interval);
    return;
}
//do whatever here..
}, 3000); 

演示代码:

$('input').one('focus',function(){
var startTime = new Date().getTime();
var interval = setInterval(function(){
if(new Date().getTime() - startTime > 60000){
  clearInterval(interval);
  alert('interval cleared');
return;}console.log('test')}, 3000);})

调用clearInterval在被调用20次后添加一个计数器,当它超过1分钟时,使用
clearInterval
停止间隔。