динамическое обновление страницы AJAX, JQuery

Есть два AJAX скрипта, один добавляет в БД, другой выводит из БД, они оба работают.

Вопрос: как запустить setInterval на одно выполнение по нажатию на кнопку добавить, чтобы она не делала циклические запросы в БД:

<button type="submit"  id="add">добавить</button>

Сам скрипт:

var inProcess = false;
function show() {
  if (inProcess) return;
  inProcess = true;
  $.ajax({
    url: "select.php",
    cache: false,
    success: function(html) {
      inProcess = false;
      $("#content").html(html);
    }
  });
}
$(document).ready(function() {
  show(); // вывод из БД
  setInterval(function() {
    show();
  }, 1000);
  $('#add').click(function() { //добавление в БД новой записи
    var id = $('#add_name').val();
    $.ajax({
      url: "gg.php",
      method: "POST",
      data: {
        'id': id
      },
      success: function(res) {
        //  alert("post add");
      }
    })
  });
});