javascript - How to make a counter starts at specific part has an id at a section -


i have used code make counter

(function ($) { $.fn.countto = function (options) {     options = options || {};      return $(this).each(function () {         // set options current element         var settings = $.extend({}, $.fn.countto.defaults, {             from:            $(this).data('from'),             to:              $(this).data('to'),             speed:           $(this).data('speed'),             refreshinterval: $(this).data('refresh-interval'),             decimals:        $(this).data('decimals')         }, options);          // how many times update value, , how increment value on each update         var loops = math.ceil(settings.speed / settings.refreshinterval),             increment = (settings.to - settings.from) / loops;          // references & variables change each update         var self = this,             $self = $(this),             loopcount = 0,             value = settings.from,             data = $self.data('countto') || {};          $self.data('countto', data);          // if existing interval can found, clear first         if (data.interval) {             clearinterval(data.interval);         }         data.interval = setinterval(updatetimer, settings.refreshinterval);          // initialize element starting value         render(value);          function updatetimer() {             value += increment;             loopcount++;              render(value);              if (typeof(settings.onupdate) == 'function') {                 settings.onupdate.call(self, value);             }              if (loopcount >= loops) {                 // remove interval                 $self.removedata('countto');                 clearinterval(data.interval);                 value = settings.to;                  if (typeof(settings.oncomplete) == 'function') {                     settings.oncomplete.call(self, value);                 }             }         }          function render(value) {             var formattedvalue = settings.formatter.call(self, value, settings);             $self.html(formattedvalue);         }     }); };  $.fn.countto.defaults = {     from: 0,               // number element should start @     to: 0,                 // number element should end @     speed: 1000,           // how long should take count between target numbers     refreshinterval: 100,  // how element should updated     decimals: 0,           // number of decimal places show     formatter: formatter,  // handler formatting value before rendering     onupdate: null,        // callback method every time element updated     oncomplete: null       // callback method when element finishes updating };  function formatter(value, settings) {     return value.tofixed(settings.decimals); } }(jquery));  jquery(function ($) {  // custom formatting example  $('#count-number').data('counttooptions', { formatter: function (value, options) {   return value.tofixed(options.decimals).replace(/\b(?=(?:\d{3})+(?!\d))/g,  ',');  }  });   // start timers  $('.timer').each(count);       function count(options) {    var $this = $(this);    options = $.extend({}, options || {}, $this.data('counttooptions') ||      {});     $this.countto(options);      }     });

the problem is, counter starts count when site opened. want make counter starts when scrolling part @ section. p.s part has id , there link href id when clicking on scroll part

<h3>   <a href="#counts" class="page-scroll">be part of our story</a> </h3> <div class="col-md-4  col-xs-12" >     <div class="counts text-center">       <i class="fa fa-cogs fa-4x" aria-hidden="true"></i>       <h3 class="">workshops</h3>       <p>         <h1 class="timer count-title sr-icons" id="count-number"                    data to="300" data-speed="1500"></h1>       </p>     </div>     </div>

can me solve problem?


Comments

Post a Comment

Popular posts from this blog

python Tkinter Capturing keyboard events save as one single string -

is possible store keyboard events 1 string? code below stores 1 char , prints it. card reader or bar code reader, contains collection of character/ string not 1 character @ time. goal save char pressed text variable. from tkinter import * root = tk() def key(event): text= event.char text+= event.char print ("pressed", text) def callback(event): frame.focus_set() print ("clicked at", event.x, event.y) frame = frame(root, width=100, height=100) frame.bind("<key>", key) frame.bind("<button-1>", callback) frame.pack() root.mainloop() currently, creating text variable , everytime key() function gets called, , text stores last character typed. you can define text module level variable , , use module level text inside key function - text = '' def key(event): global text text+= event.char print("pressed", text)
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m
Read more

javascript - Z-index in d3.js -

i have map , when hover effect on region of map below yellow line , circle, last ones disappear. how can solve problem? http://jsfiddle.net/ot21n9qx/ var arc = g.append("path") .style("fill", "none") .style("stroke", "yellow") .style("stroke-width", 2) .attr("d", "m" + pathorigin[0] + "," + pathorigin[1] + " q" + svgpoint[0] + "," + pathorigin[1] + " " + svgpoint[0] + "," + svgpoint[1]); var circlesize = d3.scale.linear() .domain([0, 0.5, 1]) .range([4, 10, 4]); svg not have z order draws objects in order created. need create path , circle after create highlight regions. here forked fiddle: http://jsfiddle.net/o00fzgaf/1/
Read more