当前位置: 首页 > 工具软件 > SlotMachine > 使用案例 >

jquery-slotmachine控制停到指定位置方法

柳胜
2023-12-01

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'

 

 类似资料: