0
Kayıt Ol

Javascript ile yaptığım animasyonun tekrarlamasını nasıl kapatabilirim?

10

●

60

  • 03-06-2021, 13:09:27
    #1
    Kara
    Kara 
     $(document).ready(function(){
    $('.counter').counterUp({
      delay: 5,        
      time: 1200
    });
  });
    kodum bu sürekli scrollu farklı bir yere getirip tekrar ilgili yere getirdiğimde tekrar sayaç başlıyor yardımcı olur musunuz sayacın her sayfa yenilendiğinde 1 kere yapılmasını istiyorum.
  • Kabul Edilen Cevap
    • CanYıldırım
      0 Beğeni
      Mesaja Git
      Kara adlı üyeden alıntı: mesajı görüntüle
      merhaba hocam dediğinizi anlamadım bu js işlerinde çok iyi değilim fakat bir kod daha buldum bu kodu scrollu belirli yere getirdiğimde çalışmasını istiyorum bunu nasıl yaparım yardımcı olursanız sevinirim.


      $.noConflict();

jQuery(document).ready(function($) {
    // Counter Number
    $('.count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 3000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
    
});
      jsnin çalşıması için eklediğim kütüphaneler

      <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
      waypoint kullanabilirsiniz

      http://imakewebthings.com/waypoints/
      $('#contentDiv').waypoint(function() {
alert('do something');
});
  • 03-06-2021, 13:10:38
    #2
    ResLio
    ResLio
    Sayacı 1 yapın deneyin
  • 03-06-2021, 13:11:30
    #3
    Kara
    Kara
    ResLio adlı üyeden alıntı: mesajı görüntüle
    Sayacı 1 yapın deneyin
    anlamadım? syacaı neden 1 yapmalıyım
  • 03-06-2021, 13:13:12
    #4
    ResLio
    ResLio
    Kara adlı üyeden alıntı: mesajı görüntüle
    anlamadım? syacaı neden 1 yapmalıyım
    Deneyin hocam her yöntemi belki olur
  • 03-06-2021, 13:18:59
    #5
    Misafir
    Misafir
    js waypoint kullanıyorsa iptal edip deneyebilirsiniz.
  • 03-06-2021, 13:22:57
    #6
    Kara
    Kara
    CanYildirim adlı üyeden alıntı: mesajı görüntüle
    js waypoint kullanıyorsa iptal edip deneyebilirsiniz.
    merhaba hocam dediğinizi anlamadım bu js işlerinde çok iyi değilim fakat bir kod daha buldum bu kodu scrollu belirli yere getirdiğimde çalışmasını istiyorum bunu nasıl yaparım yardımcı olursanız sevinirim.


    $.noConflict();

jQuery(document).ready(function($) {
    // Counter Number
    $('.count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 3000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
     
});
    jsnin çalşıması için eklediğim kütüphaneler

    <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
  • 03-06-2021, 13:28:54
    #7
    Bu cevap, moderatörlerimiz tarafından kabul edilebilir bir cevap olarak işaretlendi.
    Misafir
    Misafir
    Kara adlı üyeden alıntı: mesajı görüntüle
    merhaba hocam dediğinizi anlamadım bu js işlerinde çok iyi değilim fakat bir kod daha buldum bu kodu scrollu belirli yere getirdiğimde çalışmasını istiyorum bunu nasıl yaparım yardımcı olursanız sevinirim.


    $.noConflict();

jQuery(document).ready(function($) {
    // Counter Number
    $('.count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 3000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
    
});
    jsnin çalşıması için eklediğim kütüphaneler

    <script src="https://cdn.jsdelivr.net/npm/jquery@2.2.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery-match-height@0.7.2/dist/jquery.matchHeight.min.js"></script>
    waypoint kullanabilirsiniz

    http://imakewebthings.com/waypoints/
    $('#contentDiv').waypoint(function() {
alert('do something');
});
  • 03-06-2021, 13:29:53
    #8
    Kara
    Kara
    CanYildirim adlı üyeden alıntı: mesajı görüntüle
    waypoint kullanabilirsiniz

    http://imakewebthings.com/waypoints/
    $('#contentDiv').waypoint(function() {
alert('do something');
});
    waypoint ne işe yarıyor hocam?
  • 03-06-2021, 13:36:48
    #9
    Kara
    Kara
    CanYildirim adlı üyeden alıntı: mesajı görüntüle
    waypoint kullanabilirsiniz

    http://imakewebthings.com/waypoints/
    $('#contentDiv').waypoint(function() {
alert('do something');
});
    hocam peki ben aşşağıdaki kodu ona nasıl uyarlıyacağım?

    $.noConflict();

jQuery(document).ready(function($) {

    // Counter Number
    $('.count').each(function () {
        $(this).prop('Counter',0).animate({
            Counter: $(this).text()
        }, {
            duration: 3000,
            easing: 'swing',
            step: function (now) {
                $(this).text(Math.ceil(now));
            }
        });
    });
});