手机版

基于爪哇岛描述语言实现简单的抽奖系统

时间:2021-11-05 来源:互联网 编辑:宝哥软件园 浏览:

本文实例为大家分享了射流研究…实现简单的抽奖系统,供大家参考,具体内容如下

!doctype html html lang=' en ' head meta charset=' GB 2312 '标题抽奖活动/title style * { margin 33600;划水:0;} #标题{ color:red文本对齐:居中;margin:0汽车宽度宽度:240像素高度:70 px填充-top :10 px;背景:不透明度不透明度(0);}.btns { width:190px高度:30 px余量:0px汽车;} .btns span { display : blockfloat : left宽度:80 px高度:28 px文本对齐:居中;背景技术: # 036;color: # fffcursor:pointer指针指针;border:1px固体# eee border-radius :8 px;字体系列: '微软雅黑;font-size :14 px行高:28 px右边距:10 px} # txt { font-size :14 pxcolor: # ccc999文本对齐:居中;margin:0汽车宽度宽度:190像素高度:50 px填充-top :10 px;}/样式脚本var mytype=['iPhone6s ',' iPad Air2 ',' DELL外星人','键鼠套装','1000元超市购物卡','200元话费充值卡','谢谢参与','品牌耳机','港澳台七日游','50元优惠券'],//定义奖品池定时器=null,计数=0;//加载时触发窗户。onload=function(){ var start=document。getelementbyid(' start ');var stop=文档。getelementbyid(' stop ');start.onclick=startFun//这个函数后面加括号,就直接调用了该函数,所以不要加stop.onclick=stopFun//绑定键盘事件文件。onkey up=function(e){ e=e | | window。事件;if(e . key code==13){ if(count==0){ startFun();计数=1;} else { StOpfun();计数=0;} } } } //点击开始,标题栏开始轮动函数startFun(){ clearInterval(计时器);//开始时,清除计时器,避免二次触发var title=文档。getelementbyid(' title ');var start=文档。getelementbyid(' start ');timer=setInterval(function(){ var num=math。地板(数学。random()*我喜欢的类型。长度);标题。innerHTMl=我的类型[num];},50);开始吧。风格。背景=' # CCC} //点击停止,标题栏停止轮动并输出轮动结果fun stop fun(){ var start=document。getelementbyid(' start '),txt=document。getelementbyid(' txt '),title=document。getelementbyid(' title ');clearInterval(计时器);//清除计时器,停止计时器开始吧。风格。背景=' # 036 ';} /scriptbody div h2 id='title '开始抽奖!/H2/div class=' btns ' span id=' start '开始/span span id='stop '停止/span /div div id='txt '支持回车键(输入)开始/停止/div/body/html效果图:

想要学习更多关于爪哇岛描述语言抽奖功能,请参考此专题:javascript实现抽奖功能

实现的功能就是这么简单,希望大家可以中大奖哦!

版权声明:基于爪哇岛描述语言实现简单的抽奖系统是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。