2016-09-17 9 views
0

ジャックポットの金額に自動インクリメントを適用したいのですが、インクリメントの開始を4から終了までしたいと思います。私はjavascriptを使用していますが、このjavascriptにはonclickが含まれており、私はonclickしたくないです。JAVASCRIPTの自動インクリメント量を表示

どうやってやるの?

<div class="ticker"> 
    <div id="total-ticker" class="total-ticker"><span class="jackpot jackpot_num">2</span> <span class="jackpot jackpot-comm">&nbsp;</span><span class="jackpot jackpot_num">5</span> <span class="jackpot jackpot_num">6</span> <span class="jackpot jackpot_num">2</span> <span class="jackpot jackpot-comm">&nbsp;</span><span class="jackpot jackpot_num">3</span> <span class="jackpot jackpot_num">0</span> <span class="jackpot jackpot_num">7</span> <span class="jackpot jackpot-dot">&nbsp;</span><span class="jackpot jackpot_num">9</span> <span class="jackpot jackpot_num">4</span> </div> 
</div> 

例:

$2 5 6 2 3 0 7 9 4 

Javascriptを:

jQuery.fn.extend({ 
    animateCount : function (from, to, time) { 
    var steps = 1, 
     self = this, 
     counter; 

    if (from - to > 0) { 
     steps = -1; 
    }; 

    from -= steps; 

    function step() { 
     self.val(from += steps); 

     if ((steps < 0 && to >= from) || (steps > 0 && from >= to)) { 
     clearInterval(counter); 
     }; 
    }; 

    counter = setInterval(step, time || 100); 
    } 
}); 

$('#runner').click(function() { 
    $('#count').animateCount(1,100); 
}) 

答えて

0

非常にシンプル...クリックハンドラのうち、初期化プラグインカウンターを取り、初期化

MY HTMLが

代わりにページが読み込まれる

$(function(){// make sure dom is ready 
    $('#count').animateCount(1,100); 
});