建设工程抗震管理条例_美图秀秀网页版_财务公司如何找客户_哪个兄弟给个地址呀 Page({/*** 页面的初始数据*/data: {tableList: [{ id: '1', type: 'prize', name: '奖品1', isSelected: false },{ id: '2', type: 'prize', name: '奖品2', isSelected: false },{ id: '3', type: 'prize', name: '奖品3', isSelected: false },{ id: '4', type: 'prize', name: '奖品8', isSelected: false },{ id: '5', type: 'btn', name: '抽奖', isSelected: false },{ id: '6', type: 'prize', name: '奖品4', isSelected: false },{ id: '7', type: 'prize', name: '奖品7', isSelected: false },{ id: '8', type: 'prize', name: '奖品6', isSelected: false },{ id: '9', type: 'prize', name: '奖品5', isSelected: false },],isTurnOver: true, //抽奖状态,是否旋转完(九宫格)},/*** 生命周期函数--监听页面加载*/onLoad(options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady() {},/*** 生命周期函数--监听页面显示*/onShow() {},/****************************************** 九宫格抽奖 *******************************/onPrizeClick() {//如果不在抽奖状态中,则执行抽奖旋转动画if (this.data.isTurnOver) {this.setData({isTurnOver: false,});// 随机奖品效果const rand = (m, n) => {return Math.ceil(Math.random() * (n - m + 1) + m - 1);};let prizeId = rand(1, 8);this.lottery(prizeId);} else {showTextToast('请勿重复点击');}},// 抽奖旋转动画方法lottery(prize_id) {console.log('中奖ID:' + prize_id);/** 数组的长度就是最多所转的圈数,最后一圈会转到中奖后的位置* 数组里面的数字表示从一个奖品跳到另一个奖品所需要的时间* 数字越小速度越快* 想要修改圈数和速度的,更改数组个数和大小即可*/// let num_interval_arr = [90, 80, 70, 60, 50, 50, 50, 100, 150, 250];let num_interval_arr = [90, 80, 70, 60, 50, 50, 250];// 旋转的总次数let sum_rotate = num_interval_arr.length;// 每一圈所需要的时间let interval = 0;num_interval_arr.forEach((delay, index) => {setTimeout(() => {this.rotateCircle(delay, index + 1, sum_rotate, prize_id);}, interval);//因为每一圈转完所用的时间是不一样的,所以要做一个叠加操作interval += delay * 8;});},/**** @param {*} delay 表示一个奖品跳到另一个奖品所需要的时间* @param {*} index 表示执行到第几圈* @param {*} sum_rotate 表示旋转的总圈数* @param {*} prize_id 中奖的id号*/rotateCircle(delay, index, sum_rotate, prize_id) {// console.log(index)let _this = this;/** 页面中奖项的实际数组下标* 0 1 2* 3 5* 6 7 8* 所以得出转圈的执行顺序数组为 ↓*/let order_arr = [0, 1, 2, 5, 8, 7, 6, 3];// 页面奖品总数组let tableList = this.data.tableList;// 如果转到最后一圈,把数组截取到奖品项的位置if (index == sum_rotate) {order_arr.splice(prize_id);}console.log(order_arr);for (let i = 0; i < order_arr.length; i++) {setTimeout(() => {// 清理掉选中的状态tableList.forEach((e) => {e.isSelected = false;});// 执行到第几个就改变它的选中状态tableList[order_arr[i]].isSelected = true;// 更新状态_this.setData({tableList: tableList,});// 如果转到最后一圈且转完了,把抽奖状态改为已经转完了if (index == sum_rotate && i == order_arr.length - 1) {_this.setData({isTurnOver: true,});}}, delay * i);}},">

东莞市人民医院

义乌网一件代发、页面禁止访问、永久使用、不限域名、余姚做网站公司

广西网站建设运营费用?

建设工程抗震管理条例_美图秀秀网页版_财务公司如何找客户_哪个兄弟给个地址呀

转载于:https://my.oschina.net/u/3659935/blog/1522602

首涂模板网站私人订制企业网络设计方案论文企业服务公司是做什么的泰安人才网最新招聘信息网一品威客网是做什么的定制手机壳网站怎么制作网页表格广州白云区今天最新消息网页设计制作心得体会品牌建设总结附近装修公司网站建设服务器在国外如何打击营销案例分析免费照片编辑器江西事件最新消息新闻搜狗站长工具平台seo搜索排名优化方法石家庄新钥匙建站建立网站需要备案吗手表网站欧米茄价格赤风设计推广网络科技公司四川刚刚发生疫情最新石家庄发布最新公告怎么搭建国外ip智能客服上海建设工程咨询网官网旅游景点网页设计线上营销推广方式有哪些上海app网络推广公司电话

猜你喜欢

  • 友情链接:
  • 百胜网站建设 品牌搜索引擎服务优化 长春网络公司招聘 湖北武汉江汉区疫情最新消息 网站导航页面制作 厦门建设局投诉电话