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

Question

我需要每 3 秒最多 1 分钟执行一个函数。当用户将焦点放在输入框上时应调用此方法。

我已经通过谷歌搜索进行了尝试，但大多数都使用了 setInterval 函数。我知道 setInterval 可用于在特定时间间隔内调用函数。但如果时间达到 1 分钟，我需要停止。

请给我建议。

Answer 1

在文本框的输入焦点上试试这个:

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

Working Demo

演示代码:

$('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);})