Класс Div, показывать предупреждение, когда div находится на экране, но только один раз для каждого div?

Вы ищете что-то вроде этого, но обратите внимание, что он на самом деле не оптимизирован, поскольку он перебирает все элементы при каждой прокрутке... некоторое пространство для оптимизации:

function elementInView(elem){
  return $(window).scrollTop() < $(elem).offset().top + $(elem).height();
};

let shownElements = [];

$(window).scroll(function(){
  let elements = $('.promote');
  for (let i = 0; i < elements.length; i++) {
    let element = elements[i];
    if (elementInView(element)) { // check if the element is in view
      if (!shownElements.includes(element)) { // check if element already alerted/shown
        let dataid = $(element).attr("data-id"); // get the data-id value
        console.info("IN VIEW", element, dataid);
        shownElements[i] = element;
      }
    }
  }
});

Обновлено, чтобы отслеживать, какие элементы уже были показаны. Так что стреляем только один раз.

http://jsfiddle.net/mxmz_/wzh2xvdo/24/

Я думаю, что функция, которую вы используете для проверки того, находится ли элемент в области просмотра, также нуждается в некоторой коррекции.

http://jsfiddle.net/tsq4ngcf/1/

function elementInView(elem){
    var shown = $(elem).data("shown");
  if (shown){
    return false;
  } 
  var elTop = $(elem).offset().top;
  var elBottom = $(elem).offset().top + $(elem).outerHeight();
  var screenBottom = $(window).scrollTop() + $(window).innerHeight();
  var screenTop = $(window).scrollTop();

  if ((screenBottom > elTop) && (screenTop < elBottom)){
    return true;
  } else {
    return false;
  }
}


$(window).scroll(function(){
    $('.promote').each(function() {
    if (elementInView(this)) {
        var dataid = $(this).data("id");
      $(this).attr('data-shown','1');
      alert(dataid);
     }

    }
  );

});