asp现场抽奖,asp微信现场抽奖功能代码
发布时间:2020-12-16 07:11:34 所属栏目:asp.Net 来源:网络整理
导读:最近接到一个客户的要求,他做了一个微信现场报名系统,现场报名的人通过微信,把信息入库,然后在活动现场搞抽奖活动,点一下“开始抽奖”,屏幕上的微信头像开始高速滚动,点“停止”,中奖结果处显示4名中奖者,中奖者是随机从数据库中读出的中奖人,中奖
最近接到一个客户的要求,他做了一个微信现场报名系统,现场报名的人通过微信,把信息入库,然后在活动现场搞抽奖活动,点一下“开始抽奖”,屏幕上的微信头像开始高速滚动,点“停止”,中奖结果处显示4名中奖者,中奖者是随机从数据库中读出的中奖人,中奖人数可以在代码中设,可以是1个人或是多个人,代码简单,利用jquery配合asp实现的asp活动抽奖,不说了,上代码:
<body> <div class="main"> <div class="box"> <div class="boximg"></div> <div class="boximg1"></div> </div> <div class="jz"> <button class="startbtn">开始抽奖</button> <button class="stopbtn">停止</button> </div> <div> <h1>中奖结果</h1> <div class="result"> </div> </div> </div> <script type="text/javascript" src="http://ly.ftphn.com/js/jquery-2.1.4.min.js"></script> <script type="text/javascript"> $(".boximg").html(‘<div class="img"><img src="‘+ list[0].img +‘"><span>‘+ list[0].name +‘</span></div>‘) var zj_count = 4;//中奖人数 var index; var speed=100;//每次移动多少像素 var endtime = 1;//定时器的速度 $(".startbtn").click(function(){ $(this).hide(); $(".stopbtn").show(); $(".boximg").html(‘‘) console.log(list.length); if(list.length<3){ alert("抽奖人数至少3位"); $(".stopbtn").hide(); return; } var i = 0; var box = $(".boximg"); box.append(box.find(".img").eq(0).clone()); index = setInterval(function(){ var top = speed * i; if(top<=list.length*200){ box.css({‘top‘:-top+‘px‘}) i++; }else{ i = 0; } if(speed<=8 && i<=60 && top % (list.length-1)*200 ==0){ speed++; console.log(speed) } },endtime) }) $(".stopbtn").click(function(){ speed = 4; $(this).hide(); $(".startbtn").show(); $(".boximg").hide(); $(".boximg1").show(); clearInterval(index); for(var j=0;j<zj_count;j++){ num = Math.round(Math.random()*(list.length-1)); $(".boximg1").html(‘<div class="img"><img src="‘+ list[num].img +‘"><span>‘+ list[num].name +‘</span></div>‘); $(".result").append(‘<p><img src="‘+ list[num].img +‘"> ‘+ list[num].name +‘<br>‘+ list[num].mobile +‘</p>‘) list.splice(num,1); } }) </script> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- asp.net-mvc – 解散并提交表单Bootstrap 3
- asp.net-mvc – 没有CreateMap的简单转换时的Aut
- asp.net-mvc – 仅在MVC4 BundleConfig中缩小脚本
- ASP.NET Core macOS 环境配置 - ASP.NET Core 基
- Asp.net会话到期重定向到登录页面
- asp.net-mvc – 将索引设置为控制器的默认路由
- 简单好用的ASP.NET分页类(支持AJAX、自定义文字
- asp.net-core – 当前的运行时目标框架与项目不兼
- asp.net-mvc – HtmlHelper获取路由名称
- asp.net – 可以在Visual Studio 2010中将任务列
热点阅读