Facebook
From sa, 10 Months ago, written in JavaScript.
Embed
Download Paste or View Raw
Hits: 80
  1. var cards = document.querySelectorAll('.card');
  2.     var targetValues = [100, 500, 400, 50]; // Farklı kartlar için hedef sayılar
  3.  
  4.     cards.forEach(function(card, index) {
  5.       var counterElement = card.querySelector('.card-sayı');
  6.       var counter = 0;
  7.       var target = targetValues[index];
  8.  
  9.       function startCount() {
  10.         counterElement.classList.add('show');
  11.  
  12.         var interval = setInterval(function() {
  13.           if (counter >= target) {
  14.             clearInterval(interval);
  15.           } else {
  16.             counter++;
  17.             counterElement.querySelector('.sayı-text').textContent = counter;
  18.           }
  19.         }, 10);
  20.       }
  21.  
  22.       var observer = new IntersectionObserver(function(entries, observer) {
  23.         entries.forEach(function(entry) {
  24.           if (entry.isIntersecting) {
  25.             startCount();
  26.             observer.unobserve(entry.target);
  27.           }
  28.         });
  29.       }, { threshold: 0.5 });
  30.  
  31.       observer.observe(card);
  32.     });