jquery-slotmachine是一个实现类似老虎机抽奖的插件,默认的配置不能控制停到指定位置
但是futureActive这个属性就是最后的结果,在结束之前只需要设定一个值就可以进行控制
在自己写的页面里添加
window.SlotMachine.prototype.setResult = function (num) {
this.futureActive = num;
};
定义SoltMachine方法
const SlotMachine = window.SlotMachine;
1、初始化转轮
const m0 = document.querySelector('#machine0');
let machine0 = new SlotMachine(m0, {
active: 0,
delay: 500,
randomize () {
return this.futureActive
}
});
2、开始旋转
machine0.shuffle(9999);//旋转
machine0.setResult(1);//停止在第二个位置 从0开始
3、停止旋转
machine0.stop()
这样做就可以使其听到指定位置了
PS:在项目里通过npm安装的引入页面方式
import 'jquery-slotmachine/dist/slotmachine.min.js'
import 'jquery-slotmachine/dist/jquery.slotmachine.min.css'