抽奖程序：根据时间抽奖的前端html静态页+js程序

**使用背景：**新店开业，营业时间为早8点至晚9点，根据用户购买小票结算时间进行抽奖，时间最接近的中奖。
**用户要求：**指定日期范围，进行随机轮动。

<html><head><meta charset="utf-8"><title>下单时间抽奖程序</title><style>* {padding: 0;margin: 0;}body {background: url('image/bg.jpg') no-repeat;background-size: cover;}.container {width: 400px;height: 200;position: fixed;top: 80%;left: 50%;margin: -100px 0 0 -200px;text-align: center;}.result-box {background-color: #fff;text-align: center;line-height: 60px;font-size: 34px;}button {width: 200px;height: 50px;line-height: 50px;margin-top: 30px;border: none;color: #fff;font-size: 24px;}button:focus {outline: none;}.start {background-color: #428bca;}.end {background-color: #d9534f;}</style></head><body><form name=form1><select name="M1"></select><!--开始月份--><select name="D1"></select><!--开始日期--> 至<select name="M2"></select><!--结束月份--><select name="D2"></select><!--结束日期--></form><div class="container"><div class="result-box">0000-00-00 00:00:00</div><button class="start" onClick="start()">开始抽奖</button></div><script type="text/javascript" src="data:image/jquery.min.js"></script><script type="text/javascript">window.onload = function() {var str = "<select name=M1><option>月</option>";for (var i = 1; i < 13; i++) {str += "<option value=" + iif (i == 10) {str += " selected"}str += "> " + i + "</option>\r\n";}document.form1.M1.outerHTML = str + "</select>";var str = "<select name=D1><option>日</option>";for (var i = 1; i < 32; i++) {str += "<option value=" + iif (i == 1) {str += " selected"}str += "> " + i + "</option>\r\n";}document.form1.D1.outerHTML = str + "</select>";var str = "<select name=M2><option>月</option>";for (var i = 1; i < 13; i++) {str += "<option value=" + iif (i == 10) {str += " selected"}str += "> " + i + "</option>\r\n";}document.form1.M2.outerHTML = str + "</select>";var str = "<select name=D2><option>日</option>";for (var i = 1; i < 32; i++) {str += "<option value=" + iif (i == 10) {str += " selected"}str += "> " + i + "</option>\r\n";}document.form1.D2.outerHTML = str + "</select>";}var btn = true;var time = 0;function runTime() {clearInterval(time);time = setInterval('trunNum()', 10);}function start() {if (btn) {btn = false;$("button").removeClass("start").addClass("end").text("结束抽奖");startTrun();} else {btn = true;$("button").removeClass("end").addClass("start").text("开始抽奖");endTrun();}}function trunNum() {var keymo = new Array();if (document.form1.M1.value > document.form1.M2.value) {alert("结束时间不能在开始时间之前");btn = true;$("button").removeClass("end").addClass("start").text("开始抽奖");endTrun();return false;}else if (document.form1.M1.value == document.form1.M2.value){k = 0;if (document.form1.D1.value > document.form1.D2.value) {alert("结束时间不能在开始时间之前");btn = true;                                                        //标记为可用$("button").removeClass("end").addClass("start").text("开始抽奖");//按钮设定endTrun();return false;}for (i = document.form1.D1.value; i <= document.form1.D2.value; i++) {keymo[k] =fmt(document.form1.M1.value)+"-"+fmt(i);k++;}} else {k = 0;if (document.form1.M1.value > document.form1.M2.value) {alert("结束时间不能在开始时间之前");btn = true;$("button").removeClass("end").addClass("start").text("开始抽奖");endTrun();return false;}for (i = document.form1.D1.value; i <= 31; i++) {keymo[k]=fmt(document.form1.M1.value)+"-"+fmt(i);k++;}for (i = 1; i <= document.form1.D2.value; i++) {keymo[k]=fmt(document.form1.M2.value)+"-"+fmt(i);k++;}}keym = Math.floor(Math.random() * keymo.length);keyho = Math.floor(Math.random() * 13) + 8;    //此为时间为早8点开始，晚9点结束，共13小时keyho=fmt(keyho);keymi = Math.floor(Math.random() * 60);         //取60分钟的随机keymi = fmt(keymi);keynu = Math.floor(Math.random() * 60);          //取60秒之随机keynu = fmt(keynu);key = "2022" + "-" + keymo[keym] + " " + keyho + ":" + keymi + ":" + keynu  //合成日期格式var tel = key.toString();$(".result-box").text(tel);}function startTrun() {runTime();}function endTrun() {clearInterval(time);}function fmt(vk){   //标准化日期位数，小于10的，前加0占位，避免显示时抖动if (vk<10){return ("0"+vk);}else{return (vk);}}</script>
</body></html>

抽奖程序：根据时间抽奖的前端js程序相关推荐

Thinkphp开发微信商城小程序源码拼团小程序源码带后台+前端小程序拼团源码仿拼多多
码说明:Thinkphp开发微信商城小程序源码拼团小程序源码带后台+前端小程序拼团源码仿拼多多其它说明: 基于小程序的拼团应用,用户可通过拼团,随时发起拼团活动并分享给好友拼团是商品营销和售卖的一 ...
微信小程序支付调用官方接口(前端js)
微信小程序支付(前端) 1.给后端发送请求 2.成功回调判断 3.判断之后调用官方支付接口 4.WXML
【小程序与公众号】微信小程序九宫格抽奖（抽奖完全随机）
上图话不多说直接上图,抽奖是顺时针又快变慢(还原抽奖的动画)进行抽奖,抽奖的几率都是随机源码接下来展示的就是微信小程序中的九宫格抽奖说明适用范围抽奖逻辑只是原生JS,通过数据进行驱动,因此 ...
微信小程序大转盘抽奖概率算法实现
前端时间做了个小程序,用到了抽奖功能,主要在算概率这块卡了一会. 需求:设置奖项等级,并且按照数量的比例进行抽奖. 数据字段: prizename 奖项名字 renumber 奖项数量(这个数量 ...
如何实现消息功能_如何实现微信小程序的轮盘抽奖功能
为了吸引用户,商家会做一些活动,利用赠送或充值的积分来进行抽奖,现在来讲下微信小程序如果实现轮盘抽奖的功能,先看下图: 上面展示的就是轮盘抽奖,一共有六个奖项,其中一个是"不中奖" ...
c语言做一个抽奖小程序,小程序插件使用- 抽奖助手
在使用抽奖助手插件前都得先去小程序开放平台添加插件到自己的小程序设置 --- 第三方服务 --- 插件管理 ---添加插件 --- 抽奖助手抽奖助手插件的AppID: wx01bb1ef166cd ...
php9宫格抽奖程序_PHP实现抽奖功能实例代码
在项目开发中经常会遇到花钱抽奖类型的需求.但是老板总是担心用户用小钱抽到大奖.这样会导致项目亏损.下边这段代码可以有效制止抽奖项目亏钱. 个人奖池: 语言:thinkphp redis mysql 表 ...
vb计算机怎么制作,vb6.0怎么制作一个抽奖小程序? vb6.0抽奖器的法
商场搞活动想要制作一个抽奖程序,今天我们就来看看使用vb6.0制作抽奖小程序的教程. 选择"用户自定义规则"并点击"新建"按钮,弹出选择新规则类型对话框(如图 ...
小程序插件使用- 抽奖助手
2019独角兽企业重金招聘Python工程师标准>>> 在使用抽奖助手插件前都得先去小程序开放平台添加插件到自己的小程序设置 --- 第三方服务 --- 插件管理 ---添加插件 ...

抽奖程序：根据时间抽奖的前端js程序

抽奖程序：根据时间抽奖的前端html静态页+js程序

抽奖程序：根据时间抽奖的前端js程序相关推荐

最新文章

热门文章