<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>

最新文章

  1. caffe源码解析
  2. redis数据类型之—Hash
  3. ElasticSearch已经配置好ik分词和mmseg分词(转)
  4. 【winform 学习】登录
  5. 工作上的C/C++相关
  6. Qt之QSystemTrayIcon
  7. HDU 5877 [dfs序][线段树][序]
  8. 软件工程 speedsnail 第二次冲刺2
  9. 在drupal7中动态的为某个内容类型添加字段
  10. 关于JSP post请求乱码的问题
  11. [转]使用sklearn进行集成学习——理论
  12. Android学习笔记-ScrollView(滚动条)
  13. 1102mysql关于SOCK文件的认识
  14. spring+redis的集成,使用spring-data-redis来集成
  15. Windows 8系统默认开启的.Net Framework版本是4.0,而部分用户可能需要使用到3.5或以下版本,简单添加方法
  16. SSH框架下的表单重复提交
  17. L316 波音737Max 危机
  18. [转]jvm加载类规则
  19. web.xml 整合 SpringMVC
  20. python-django开发学习笔记一

热门文章

  1. 将MongoDB设为Windows服务
  2. MySQL之存储引擎MyISAM/InnoDB高并发优化经验
  3. Codeforces Round #372 (Div. 2) C. Plus and Square Root
  4. discuz后台登陆 口令卡添加
  5. JAVA求集合中的组合
  6. sql sever读取Excel总结【转】
  7. 深度讲解VIEWPORT和PX是什么?移动端单位px,em,rem
  8. 总结js中数据类型的bool值及其比较
  9. MINA2 框架详解(转)
  10. mysql TIMESTAMP 设置为可NULL字段