jquery记分牌的插件

2019独角兽企业重金招聘Python工程师标准>>>

最近做项目用到了记分牌，可以先从网上下载插件

http://www.jb51.net/jiaoben/133746.html

然后再页面中引入相应的css文件和js文件

<script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.flipcountdown.js"></script> <link rel="stylesheet" type="text/css" href="jquery.flipcountdown.css" />

$(function(){ var i = 1; $('#retroclockbox_counter').flipcountdown({ tick:function(){

 size:'sm', return i++; } }); })

其中size可以定义大小，显示字体从大到小的取值为：lg，md，sm，xs，其中有几个图片（在img文件夹下），以digit开头的为默认样式（黑色），如果想要更改记分牌的效果，则可使用工具渲染，但渲染后有一个问题，比如原来这个数字应该是1，他却显示为0，2显示为1，0则显示9，没时间研究怎么回事 顺便写了一个取正确的整数算法

jQuery(function($){  var data=parseInt(10),middle="",result="";  var obj2 = (data+middle).split("");     if(data>=10){  for(var i=0;i<obj2.length;i++){  if(9==obj2[i]){  result+=0;  }else{  result+=(parseInt(obj2[i]))+1;  }    }  }else{  if(9==data){  result=0;  }else{  result=data+1;  }  }  $('#map_legend1').flipcountdown({

 size : 'sm',  tick:function(){  return result;  }  });  }) 

转载于:https://my.oschina.net/lzhaoqiang/blog/547628