是否有任何技术只能运行处于活动状态的ajax？

Question

每10秒钟，它会调用此ajax重新加载收到的邮件数量 有时，我一次打开超过5个标签的应用程序 显然每个标签都试着调用这个ajax，所以我的PC变得如此激烈:(

我想仅在处于活动状态的选项卡中运行此ajax。因此，除非选项卡处于活动状态，否则4个选项卡的其余部分不应调用ajax。

我该如何实现这个条件？

refresh_mail_count.js

jQuery(document).ready(function () {
    refreshMail();
});


function refreshMail() {
  $.ajax({
    url: "/messages/refresh_mail",
    type: "GET",
    dataType: "script",
  });
}

refresh_mail.js.erb

$('#message_count').html("<%= j(render(:partial => 'layouts/message_received_count', :object => @message_count)) %>");
setTimeout(refreshMail,10000);