Question

jQuery 代码合并。在一个页面上多次引用。

这是我之前的提问

<div id="a"></div><div id="b">0%</div>鼠标触碰a的时候 b里面的0% 快速长到80%这里面的0-80是可见的数字看过比赛用的计时器了吧？比赛开始时，按钮按下去后秒以下单位会从0开始，非常快速变化，我要的就是那效果。

这是别人给我的答案

<script>
var count = 0;
function begin() {
if (! (count > 80)) {
$("#b").text(count + " %");
setTimeout("begin()", 30);
}
count++;
}

$(document).ready(function() {
$("#a").mouseenter(function() {
begin();
});
});
</script>

他写的确实是可以用

但是这个效果 我要在一个页面上多次 使用

问题是 加了2个之后不能同时用 只能运行一个
麻烦大家能不能把 上面那个代码 写到 一个框架里 让我在一个页面多次重复使用呢？

悬赏分 都给答复那个人了。

麻烦大家帮下忙。。。

Answer 1

哎呀我滴个天天~~~ 咋感到一股怨念袭面而来？！！

之前你咋提问，咱就咋回答呗，是我不好忘记了客户的需求是随时变化了！！！

写了个简陋的插件：

<script>
; (function() {
    $.fn.show巴仙 = function(settings) {
        var defaultSettings = {
            begin: 0,
            end: 80
        };
        settings = $.extend({},
        defaultSettings, settings);
        var 开始 = settings.begin;
        var 结束 = settings.end;
        var count = 开始;
        var element = $(this);

        window.setInterval(function() {
            if ((开始 - 结束) > 0) {
                if (count >= 结束) {
                    element.html(count + " %");
                    count--;
                }
            } else {
                if (count <= 结束) {
                    element.html(count + " %");
                    count++;
                }
            }
        },
        30);
    }
})(jQuery);

$(function(){
      $("#a").mouseenter(function() {
          $("#b").show巴仙({begin:0,end:40});
      }).mouseleave(function(){
          $("#b").show巴仙({begin:40,end:0});
      });
});
</script>

 你看看能满足你不？？？

Answer 2

begin()方法传入b的id应该就行了，count也要传

<script>
var count1 = 0; 
var count2 = 0;
function begin(id,count) {
    if (! (count > 80)) { 
        $("#"+id).text(count + " %");
        setTimeout("begin(id)", 30); 
    }  
    count++;    
} 
    
$(document).ready(function() { 
   $("#a").mouseenter(function() {  
           begin(id,count);       
   });    
});
</script>