DeniSidorenko

$(document.body).on("mousemove", function(event) {
      if ($dragging) {
          var left = $('#panor-move').css('left')
          left = parseFloat(left);
          var leftPos = event.pageX > 370 ? 370 : event.pageX < 10 ? 10 : event.pageX;
          $dragging.offset({
              left: leftPos
          });
          
      }
  });


  $(document.body).on("mousedown", "#panor-move", function (event) {
      $dragging = $(event.target);
  });

  $(document.body).on("mouseup", function (event) {
      $dragging = null;
  });

<?php
$items = range(1, 30);
$chunks = array_chunk($items, 5);
$chunks = array_map(function($items){
    return array_chunk($items, 4);
}, $chunks);
?>

<?php foreach ($chunks as $chunk): ?>
    <div class="item">
        <div class="item-left">
            <?php foreach ($chunk[0] as $item): ?>
                <div class="point"><?=$item?></div>
            <?php endforeach; ?>
        </div>
        <div class="item-right">
            <?php foreach ($chunk[1] as $item): ?>
                <div class="point"><?=$item?></div>
            <?php endforeach; ?>
        </div>
    </div>
<?php endforeach; ?>

let hasActive = document.querySelector('.product-item__compare').classList.contains('active');
if(hasActive){
tippy('.product-item__compare', {
    content: 'Добавить в сравнение'
  });
}

[class*="-ground-pane"]
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale")
  -webkit-filter: grayscale(100%)

function removePreloader(){
  if (removePreloader.done) return;
  removePreloader.done = true;
  $('.preloader-wrapper').delay(100).fadeOut('slow');
  $('body').addClass('siteloaded');
}

$(window).on('DOMContentLoaded', function () {
  removePreloader()
});

setTimeout(removePreloader, 2000);

let slider = -1;

setInterval(() => {
  slider = (slider + 1) % $sliders.length;
  $sliders.eq(slider).slick('slickNext');
}, 1000);

$(document).on('mouseover mousemove', function (e) {
  if ($(e.target).hasClass('target-area')) {
    //	делаем что-то, если курсор в заданной области
  } else {
    //	делаем что-то, если курсор вне заданной области		
  }
});

$(document).on('mouseover mousemove', function (e) {
  if ($(e.target).hasClass('target-area') || $(e.target).parents('.target-area').length) {
    //	делаем что-то, если курсор в заданной области
  } else {
    //	делаем что-то, если курсор вне заданной области	
  }
});

for (let i = 0; i < a.length; i++) {
   console.log(a[i][0]);
}

let a = new Date(2019,8,19,0,0,0).valueOf();//1568836800000
let b = new Date(2019,8,19,1,23,45,678).valueOf();//1568841825678
let c =  Math.abs(a-b);//5025678
let millis = c%1000;//678
c=Math.floor(c/1000);//5025
let secs = c%60;//45
c=Math.floor(c/60);//83
let mins = c%60;//23
c=Math.floor(c/60);//1
let hours=c%24;//1
c=Math.floor(c/24);//0
let days = c;//0

new Date((new Date(2019,8,19,1,23,45,678))-(new Date(2019,8,19,0,0,0))).toJSON().split("T")[1]
"01:23:45.678Z"