Facebook
From cyberbuckers, 10 Months ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 85
  1. var hesapKartlari = document.querySelector('.hesapkartlari');
  2.     var kartlar = hesapKartlari.querySelectorAll('.hesap-card-block');
  3.     var counters = [0, 0];
  4.     var targets = [100, 200];
  5.  
  6.     function startCount(index) {
  7.       var counterElement = kartlar[index].querySelector('.sayı-text');
  8.       kartlar[index].classList.add('show');
  9.  
  10.       var counter = counters[index];
  11.       var target = targets[index];
  12.  
  13.       var interval = setInterval(function() {
  14.         if (counter >= target) {
  15.           clearInterval(interval);
  16.         } else {
  17.           counter++;
  18.           counterElement.textContent = counter;
  19.         }
  20.       }, 10);
  21.     }
  22.  
  23.     var observer = new IntersectionObserver(function(entries, observer) {
  24.       entries.forEach(function(entry, index) {
  25.         if (entry.isIntersecting) {
  26.           startCount(index);
  27.           observer.unobserve(entry.target);
  28.         }
  29.       });
  30.     }, { threshold: 0.5 });
  31.  
  32.     kartlar.forEach(function(kart) {
  33.       observer.observe(kart);
  34.     });