Jquery仿彩票更换数字动画效果
2024-09-21 14:15:30
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
var y=3;
$("input").click(function(event) {
$("ul li").each(function(index, el) {
///开始///随机函数
function createRandom(num ,from ,to )
{
var arr=[];
for(var i=from;i<=to;i++)
arr.push(i);
arr.sort(function(){
return 0.5-Math.random();
});
arr.length=num;
return arr;
} function createRandom2(num , from , to)
{
var arr=[];
var json={};
while(arr.length<num)
{
//产生单个随机数
var ranNum=Math.ceil(Math.random()*(to-from))+from;
//通过判断json对象的索引值是否存在 来标记 是否重复
if(!json[ranNum])
{
json[ranNum]=1;
arr.push(ranNum);
}
}
return arr;
}
///结束///随机函数
var arr=[];//声明一个空的数组
arr=createRandom2(7,1,33)/*将随机生成的0-33的7个数字赋值给arr*/
//定义了sort的比较函数将arr数组里面的数字
arr.sort(function(a,b){
return a-b;
});
//利用循环让每个li取到arr数组的值
for(var i=0;i<=$("ul li").size();i++){
$("ul li").eq(i).text(arr[i]);
}
/*每个圆转的度数等于 y*360*/
y++;
$("ul li").eq(index).css({
"transform": 'rotate('+y*360+'deg)',
"-moz-transform": 'rotate('+y*360+'deg)',
"-webkit-transform": 'rotate('+y*360+'deg)',
"-o-transform": 'rotate('+y*360+'deg)',
"-s-transform": 'rotate('+y*360+'deg)'
});
});
//判断随机生成的是不是小于10如果是的就给前面加上0如生成的是1那么就显示01
$("ul li").each(function(index, el) {
if (parseInt($(this).text())<10) {
var cc=$(this).text();
$(this).text("0"+cc)
};
});
});
});
</script>
最新文章
- caffe源码解析
- redis数据类型之—Hash
- ElasticSearch已经配置好ik分词和mmseg分词(转)
- 【winform 学习】登录
- 工作上的C/C++相关
- Qt之QSystemTrayIcon
- HDU 5877 [dfs序][线段树][序]
- 软件工程 speedsnail 第二次冲刺2
- 在drupal7中动态的为某个内容类型添加字段
- 关于JSP post请求乱码的问题
- [转]使用sklearn进行集成学习——理论
- Android学习笔记-ScrollView(滚动条)
- 1102mysql关于SOCK文件的认识
- spring+redis的集成,使用spring-data-redis来集成
- Windows 8系统默认开启的.Net Framework版本是4.0,而部分用户可能需要使用到3.5或以下版本,简单添加方法
- SSH框架下的表单重复提交
- L316 波音737Max 危机
- [转]jvm加载类规则
- web.xml 整合 SpringMVC
- python-django开发学习笔记一