php 随机数抽奖页面,源生JS做出抽奖页面

这次给大家带来源生JS做出抽奖页面，源生JS做出抽奖页面的注意事项有哪些，下面就是实战案例，一起来看一下。

效果图：

图片素材：

代码如下，复制即可使用：

幸运抽奖页面

/*CSS代码*/

padding:0;

margin:0;

}

.login-box{

width:500px;

height:430px;

/* border:1px solid red;*/

/*水平居中*/

margin:100px auto;

background: url(img/tx1.png) no-repeat;

box-shadow: 0 0 2px rgba(0,0,0,.5);

}

.login{

padding:5px;

border:0 none;

background: #0a88e1;

color: white;

font-size:12px;

text-align: center;

width:220px;

line-height: 20px;

margin-top:200px;

margin-left:120px;

}

//JS代码：幸运抽奖

var no = prompt("请输入您的四位会员卡号：");

//获取到抽奖按钮

document.getElementById("luckbtn").value =no+"-欢迎你，点击开始抽奖" ;

//当点击抽奖按钮的时候调用，幸运抽奖的规则及提醒，功能 function 函数

function luck(){

//系统随机生成一个0-10之间的随机整数 :Math.random() 0-1之间的浮点数

var num = parseInt(Math.random()*10);

/*alert(num);*/

//随机数=会员卡号的百位数

/* var gewei = no%10;

alert(gewei);*/

/*var shiwei = parseInt(no/10%10);

alert(shiwei);*/

var baiwei = parseInt(no/100%10);

/*alert(baiwei);*/

if(baiwei == num){

alert("恭喜"+no+",您中奖了！");

}else{

alert("对不起，"+no+"，您没有中奖！");

}

如果您有更好的方法或更多的功能，可以和我们大家一起分享哦，如有错误，欢迎联系我改正。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

php 随机数抽奖页面,源生JS做出抽奖页面相关推荐

如何用源生js做出淘宝放大镜效果？
如何用源生js写出淘宝的放大镜效果~? 1,先写出静态界面,分别是两个div,一个div放小图片,另一个div放大图片.(当然这两张图片是一样的,只是大小不一样.) 2.大的那张图片要用backgro ...
html抽奖怎么重置,js实现抽奖的两种方法
本文实例为大家分享了js实现抽奖的具体代码,供大家参考,具体内容如下抽奖活动的原理还是很简单的,通过代码一目了然,如果看不懂就私聊我,可以私下交流! 方法一:使用table写一个随机抽奖这是htm ...
html js url 跳转页面内容,js跳转页面方法总结
js跳转页面方法大全3祥子网屋;秒后自动跳转-- function countDown(secs){ tiao.innerText=secs; if(--secs>0) setTimeout(& ...
如何用html5制作抽奖游戏,原生js实现抽奖小游戏
这个小游戏可以设置为抽奖小游戏,也可以设置为随机点名器,这个软件实现可以多次获取同一个元素的 1.HTML结构代码如下: 开始点名停止幸运的的你 2.css样式设置页面代码如下: css代码不仅仅 ...
【抽奖】前端js实现抽奖功能
需求从数组中随机挑选中奖成员 js代码实现 let list = ['王大', 'hhh', '撒旦', '是小甜甜', 'ghj4232', '啊哦额', '笔头3862', '李鹏', '阿兴' ...
使用js设置快捷键操作页面，js热键控制页面操作
<script type="text/javascript">//判断是否是IE浏览器 ie = (document.all) ? true : false;//jiy ...
html js控制页面蒙版,js实现在页面上弹出蒙板技巧简单实用
蒙板是两个div,其中popWindow样式的div用于遮住整个页面,并半透明.maskLayer 在popWindow上面,用于显示蒙板的信息,比如"载入中--" .popWin ...
php js抽奖,JS做出随机抽奖系统
这次给大家带来JS做出随机抽奖系统,JS做出随机抽奖系统的注意事项有哪些,下面就是实战案例,一起来看一下. 用JavaScript实现一个简单的抽奖系统,有[开始]按钮和[停止]按钮. 功能: - 点 ...
利用js跳转页面与返回页面
利用js跳转页面利用 js跳转页面,其实也就是利用window对象中href属性进行跳转第一种方法,延时跳转 function me(){window.location.href = " ...

php 随机数抽奖页面,源生JS做出抽奖页面

php 随机数抽奖页面,源生JS做出抽奖页面相关推荐

最新文章

热门文章

php 随机数 抽奖 页面,源生JS做出抽奖页面

php 随机数 抽奖 页面,源生JS做出抽奖页面相关推荐

最新文章

热门文章

php 随机数抽奖页面,源生JS做出抽奖页面

php 随机数抽奖页面,源生JS做出抽奖页面相关推荐