#bg img
:last
-child
{
width
: 650px
;
height
: 600px
;
margin
: 0 auto
;
background
: url(turntable
-bg
.jpg
) no
-repeat
;
position
: relative
;
}
.explain
{
position
: absolute
;
z
-index
: 10;
top
: 155px
;
left
: 247px
;
}
.explain p
:first
-child
{
position
: absolute
;
z
-index
: 5;
top
: 60px
;
left
: 116px
;
transition
: all
4s
;
}
<div id
="bg"><img src
="/images/pointer.png" alt
="pointer"><img src
="/images/turntable.png" alt
="turntable"></div
>
var cat
= 51.4;
var num
= 0;
var offOn
= true;
var rdmNew
= 0;
var rdmTwo
= 0
$
("#bg img:first-child").click(function () {
offOn
= !offOn
;
ratating();
}
function ratating() {
var rdm
= 0;
rdmNew
= rdmTwo
;
var timer
= null;
clearInterval(timer
);
timer
= setInterval(function () {
if (Math
.floor(rdm
/ 360) < 5) {
rdm
= Math
.floor(Math
.random() * 3600);
} else {
rdmNew
= rdm
+ rdmNew
;
$
("#bg img:last-child").css({ "transform": "rotate(" + rdmNew
+ "deg)" });
clearInterval(timer
);
setTimeout(function () {
offOn
= !offOn
;
num
= rdmNew
% 360;
rdmTwo
= rdmNew
;
if (num
<= cat
* 1) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "4999元"); }
else if (num
<= cat
* 2) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "50元"); }
else if (num
<= cat
* 3) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "10元"); }
else if (num
<= cat
* 4) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "5元"); }
else if (num
<= cat
* 5) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "免息服务"); }
else if (num
<= cat
* 6) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "提交白金"); }
else if (num
<= cat
* 7) {console
.log("rdm=" + rdm
+ ",num=" + num
+ "," + "未中奖"); }
}, 4000);
}
}, 30);
}
转载请注明原文地址: https://mac.8miu.com/read-493447.html