515184405 / lucky

简单的实现啦九宫格抽奖的原理

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

简单的实现啦九宫格抽奖的原理

实现原理:

  主要是以setTimeout方法来实现,方法的死循环调用做到的动画效果,得到结果跳出循环

1.配置


           var lucky = {
    
              endNum : 8,//Math.floor(Math.random()*($("#lucky td").length - 2)+1),  //抽奖结果
              quan   : 9, //转动多少圈停止
              timer  : null, //控制器
              speed  : 30, //转动的速度

            }

  2.调速器

            if( currentQuan > (lucky.quan-4)){

				lucky.speed = 40

			}
			if( currentQuan > (lucky.quan-3)){

				lucky.speed = 70

			}
			if( currentQuan > (lucky.quan-2)){

				lucky.speed = 100

			}
			if( currentQuan > (lucky.quan-1)){
				lucky.speed = 120

			}
			if( (currentQuan > (lucky.quan-1)) && Math.abs( currentNum - lucky.endNum ) <= 5){
				lucky.speed = 200

			}
			if( (currentQuan > (lucky.quan-1)) && Math.abs( currentNum - lucky.endNum ) <= 2){
				lucky.speed = 300

			}

About

简单的实现啦九宫格抽奖的原理


Languages

Language:HTML 100.0%