Question

function hidemap(){
    $('#mapToday').hide(); 
    $('#mapWeek').hide();
    clearInterval(myVar);
}
var myVar;
$(window).on('load', function() { 
    myVar = setInterval(hidemap, 2000);
});

我希望这段代码只能调用一次。但是现在它每隔2秒就会调用一次。

Answer 1

setInterval的整个点是每隔 n秒调用一次。

如果您想在一段时间后调用一次函数，请使用setTimeout代替setInterval。

Answer 2

您应该使用setTimeout。

function hidemap() {
    $('#mapToday').hide();
    $('#mapWeek').hide();
    clearInterval(myVar);
}

var myVar;

$(window).on('load', function() {
    myVar = setTimeout(hidemap, 2000);
});

此外，由于hidemap不会返回任何内容，因此您应该这样做：

function hidemap() {
    $('#mapToday').hide();
    $('#mapWeek').hide();
    clearInterval(myVar);
}

$(window).on('load', function() {
    setTimeout(hidemap, 2000);
});

Answer 3

需要在hidemap函数中使用clearInterval

尝试以下代码

var myVar;
function hidemap(){
    $('#mapToday').hide(); 
     $('#mapWeek').hide();
    clearInterval(myVar);
  }

 $(window).on('load', function() { 
     myVar = setInterval(hidemap, 2000);
  });

或使用setTimeout函数

var myVar;
function hidemap(){
    $('#mapToday').hide(); 
     $('#mapWeek').hide();
    clearTimeout(myVar);
  }

 $(window).on('load', function() { 
     myVar = setTimeout(hidemap, 2000);
  });

我想在窗口加载后只调用一次JavaScript setInterval函数

3 个答案: