jQuery移动端拆红包功能的实现
window.onload = function(){
var arr = winningArr(9,3);
// 可抽奖次数
var i = 2;
// 已经抽奖次数
var j = 0;
// 抽奖
$('.redPacket_ul li').click(function(){
if(j<=i){
var index = $(this).index();
if($.inArray(index,arr) !== -1){
$(this).children(0).attr('src','images/open_win.png');
setTimeout(function(){
$('.popup_win').show();
j = 3;
},500);
}else{
$(this).children(0).attr('src','images/open_missed.png');
setTimeout(function(){
$('.popup_lose').show();
},500);
}
}else{
alert('今天可抽奖次数已用完！');
}
j++;
});
}
/**
* 中奖红包
* @param {Object} length 随机数组的长度
* @param {Object} num 中奖数量
* @return Array
*/
function winningArr(length,num){
var arr = [];
var json = {};
while(arr.length<num)
{
var ranNum = Math.floor(Math.random() * length);
if(!json[ranNum]){
json[ranNum]=1;
arr.push(ranNum);
}
}
return arr;
}
jQuery移动端拆红包功能的实现相关推荐
- 用.NET Core实现一个类似于饿了吗的简易拆红包功能
需求说明 以前很讨厌点外卖的我,最近中午经常点外卖,因为确实很方便,提前点好餐,算准时间,就可以在下班的时候吃上饭,然后省下的那些时间就可以在中午的时候多休息一下了. 点餐结束后,会有一个好友分享红包 ...
- 淘宝抽奖html 页面,基于jQuery实现的双11天猫拆红包抽奖效果
本文实例讲述了jQuery实现的双11天猫拆红包抽奖效果代码,是一款基于jquery+css3实现的鼠标点击红包摇一摇抽奖代码,具有点击抽奖后红包摇动并弹出抽奖结果信息的功能,分享给大家供大家参考.具 ...
- 新年UI的拆红包源码/5级代理功能/会员中心充值接口完善
简介: [新年红包]2021新年UI的拆红包源码/5级代理功能/会员中心充值接口完善 网盘下载地址: http://kekewangLuo.net/USezepORogT0 图片:
- 2021新年UI的拆红包源码5级代理功能会员中心充值接口完善
介绍: [新年红包]2021新年UI的拆红包源码/5级代理功能/会员中心充值接口完善 网盘下载地址: http://kekewl.net/rxkcvae6yPv 图片:
- html5 复制到剪贴板 兼容,js/jQuery实现复制到剪贴板功能，兼容所有浏览器
因为工作的原因,需要实现这样一个功能:点击按钮,复制文本内容. 百度了一下,大都语焉不详,最终找到了一篇很好的博文,有讲解,有实例,捣鼓了一会,最终实现了功能. 网址在这里http://www.cnb ...
- 上线红包功能，真的真的没有你想的这么简单~
---- / BEGIN / ---- 年前玲子负责了自己产品的红包版本功能的大迭代,感触和收获颇深,觉得有必要做一次产品复盘的自我思考. 随着移动支付的发展,微信红包彻底改变了我们的红包文化,互联网 ...
- html手机模块化,jQuery 移动端拖拽（模块化开发，触摸事件，webpack）
通过jquery可以很容易实现CP端的拖拽.但是在移动端却不好用了.于是我自己写了一个在移动端的拖拽demo,主要用到的事件是触摸事件(touchstart,touchmove和touchend). ...
- app直播源代码如何实现直播间红包功能
红包功能是app直播源代码直播间中的重要功能,红包功能的实现,可以帮助主播快速提高直播间氛围,让用户对直播产生兴趣,app直播源代码可以怎样实现红包功能呢? 软件简介 yaf项目快速开发(兼容php7 ...
- php workman视频,PHP即时通讯系统单人多人聊天IM视频会议实时音视频红包功能
PHP即时通讯系统单人多人聊天IM视频会议实时音视频红包功能 介绍 workman构建即时通讯,含单人多人聊天,IM视频会议,实时音视频以及红包转账功能 软件架构 软件架构说明 1.后台采用PHP的w ...
最新文章
- SpringMVC+Apache Shiro+JPA（hibernate）案例教学（二）
- LuoguP2754 [CTSC1999]家园(分层图，最大流)
- Boost：使用/type ＜＞语法测试成员函数
- 怎么下载haarcascade_frontalface_default.xml
- heic怎么查看，如何打开heic
- linux apache 2.2下载,Apache HTTP Server 2.2.26 发布下载
- python对象--加减重构
- 日志管理系统rsyslogd
- Tomcat9及以下升级Tomcat10 部署操作
- 悉尼大学的计算机专业叫什么,申请悉尼大学计算机专业怎么样？你想知道的都在这里...
- 【Unity】制作一个商店场景
- win10外接屏显示分辨率不匹配问题解决
- Bouncy Castle 密码包的配置及使用详解
- 终结篇：t5模型结构的阅读
- （信息学奥赛一本通 1299）糖果#线性动态规划#
- dubbo核心源码流程分析
- `LINK : fatal error LNK1104: 无法打开文件“***.dll”`的问题解决
- thinkPHP6 文本过滤(过滤敏感词)
- 起底瑞波：一家靠砸自己盘为生的公司
- 苏宁大造818发烧节，玩得是哪招？