使用帆软制作一个转盘抽奖
抽奖互动是一个很火活动，很受欢迎的常见项目、有些软件上上也会添加上一个趣味抽奖功能，比如帆软摇摇乐功能、那么如何用finereport制作一个简单的抽奖模板
var span = _g().getWidgetByName('startbutton')
var message = document.getElementById('message');
var timer = null;
var bReady = true;//定义一个抽奖开关
var Widget = contentPane.getWidgetByName("startbutton");
var Arr=new Array(11);
Arr = "D3"
Arr = "E3"
Arr = "F3"
Arr = "G3"
Arr = "G4"
Arr = "G5"
Arr = "G6"
Arr = "F6"
Arr = "E6"
Arr = "D6"
Arr = "D5"
Arr = "D4"
var num = 0;//num用来存放得到的随机函数，也就是抽中的奖品
//开始抽奖
if(bReady) {//当抽奖开关为true的时候，可点击抽奖
message.style.display="none";//将获奖信息div隐藏（以防止上次抽奖信息还显示）
$('#fr-btn-STARTBUTTON').css("background","#ada7a8");//置灰
Widget.setEnable(false);
bReady = false;//抽奖开关设为false 处于抽奖中 即不能点击抽奖
num = getrandomnum(0,11)//得到一个随机数（即奖品）
startinit(num);//执行抽奖初始化
}
//抽中的奖品 返回0-11的整数
function getrandomnum(n, m) {
return parseInt(Math.random()*(m-n+1)+n,10);
// return parseInt((m - n) * Math.random() + n);
}
//抽奖初始化
function startinit(num) {
var i = 0; //定义一个i 用来计算抽奖跑动的总次数
var t =200; //抽奖跑动的速度 初始为200毫秒
var rounds = 5; //抽奖转动的圈数
var rNum = rounds*12; //标记跑动的次数（这是一个条件判断分界线）
timer = setTimeout(startscroll, t);//每t毫秒执行startscroll函数
//alert("抽奖初始化");
//抽奖滚动的函数
function startscroll() {
//alert("抽奖滚动的函数");
//每次滚动抽奖将所有li的class都设为空
for(var j = 0; j < Arr.length; j++) {
$("td + "]").css({"background-color": "#ffffff"});
}
var prizenum = Arr; //通过i余12得到此刻在Arr数组中的数字，该数字就是mask标记出现的位置
//alert("通过i余12得到"+prizenum);
$("td").css({"background-color": "#ff3a59"});
i++;
if(i<rNum-12){ //当i小于转(rNum-11次)的数量，t不变还是200毫秒
timer = setTimeout(startscroll, t);//继续执行抽奖滚动
}else if(i>= rNum-12 && i< rNum+num){
//t时间变长，此时计时器运行速度降低，同时标签刷新速度也降低
t+=(i-rNum+12)*5;
timer = setTimeout(startscroll, t);//继续执行抽奖滚动
}
if( i >= rNum+num){//当i大于转rNum加随机数字num次计时器结束，出现提示框提示中奖信息
var cellvalue= _g().getCellValue(Arr,null)
message.innerHTML="恭喜你中了"+cellvalue;
var timer2 = null;
timer2 = setTimeout(function(){
message.style.display="block";//奖品展示的信息为显示状态
$('#fr-btn-STARTBUTTON').css("background","#ff3a59");//置灰
clearTimeout(timer2);
},1000);
bReady = true;//当计时器结束后让span标签变为抽奖状态
Widget.setEnable(true)
clearTimeout(timer);
}
}
}
抽奖.zip (3.58 K)
编辑于 2021-9-15 15:53
编辑于 2021-9-15 15:55 编辑于 2021-9-15 15:56
